.font{
    color:  rgb(241, 185, 81) !important ;
    font-family: cursive;
    
}
.circle{
    color:#192b3a ;
    width: 180px;
    height: 180px;
    background:rgb(241, 185, 81);
    border-radius: 50%;    
}

.shape{
padding-top: 50px;
font-size: 15px ;
font-family: cursive;
}

.goto{
color:white;
background-color:#192b3a;
transition: transform .1s;
}

.goto:hover{
    color:white;
    transform: scale(1.3);
    
}

@media only screen and (max-width: 768px) {
    .font{
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
    } 
    .circle{
        margin-left: auto;
        margin-right: auto;
    } 
    .shape{
        margin-left: auto;
    }      
}