*{
    margin:0px;
    padding:0px;
}
body{
    background:white;
}
.container{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    min-height:100vh;
}
.container button:first-child:focus{
    box-shadow:inset 200px 100px 0 0 white;
    color:black;
}

.container button:first-child{
    background:linear-gradient(to right bottom, #becd25, #f0a200, #ff6c39, #ff2973, #eb12b2);
    width: 200px;
    height: 55px;
    border:none;
    outline:none;
    color:white;
    font-size:25px;
    font-family: 'Nunito', sans-serif;
    text-align:center;
    border-radius:10px;
    box-shadow:inset 0 0 0 0 white;
    transition:0.8s;
    transition-timing-function:ease-out;
    display:block;
    margin-top:10px;
    font-family: 'Staatliches', cursive;
    margin-right:30px;
    margin-bottom:-50px;
}


.container button:last-child{
    background: linear-gradient(to left top, #27ff27, #00fd6d, #00f899, #00f3b9, #12ebcf);
    width: 200px;
    height: 55px;
    border:none;
    outline:none;
    color:white;
    font-size:25px;
    font-family: 'Staatliches', cursive;
    text-align:center;
    border-radius:10px;
    box-shadow:inset 0 0 0 0 white;
    transition:0.8s;
    transition-timing-function:ease-out;
    display:block;
    margin-top:10px;
    margin-left:30px;
    margin-bottom:-50px;
    
}
.container button:last-child:focus{

    box-shadow:inset -200px -100px 0 0 white;
    color:black;
}


img{
    width:100px;
}