@font-face {
    font-family: 'Roboto';
    src: url(../font/Roboto/Roboto-Regular.ttf);
}

body{
    background-color: #3B4458;
    margin: 0px;
}

main{
    display: flex;
    justify-content:center;
    align-items: center;
    height: 100vh;
}

div div{
    background: radial-gradient(circle, rgba(255,163,71,1) 0%, rgba(255,107,0,1) 100%);
    width: 20vh;
    height: 20vh;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 19px 1px #000000;
    display:flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    font-family:"Roboto";
    text-transform: uppercase;
}

div div:active{
    background-color: orange;
    background: radial-gradient(circle, rgba(255,205,155,1) 0%, rgba(255,107,0,1) 100%);
}