html, body{
    scroll-behavior: smooth;
}

body {
    margin: 0px auto;
    padding: 0px;
    font-family: 'Poppins', helvetica; 
}

.head{
    font-family: 'Kaushan Script', helvetica;
    font-size: 30px;
    margin-top: 0px;
}


.container{
    max-width: 1200px;
    margin: 0px auto;
}
.flex{
    display: flex;
}

.grid{
    display: grid;
    grid-template-columns: 0.5fr 1fr;
}

.font{
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.2em;
    font-size: 12px;
    color: black;
    background: linear-gradient(transparent 50% , #fdd912 50%);
}

.btn:hover{
    box-shadow: inset 0 -16px 0 #fdd912;
	transition: all 0.4s ease 0s;
}