body{
    background-image:url("../images/blue-background.avif")
}


/* small screen  */
@media(max-width: 767px){
    #Title{
    color:yellow;
    font-weight: bolder;
    margin-top: 8vh;
    font-family: "ADLaM Display";
    font-size: 3rem;
}
}

/* small screen */
@media(max-width: 767px){
    #ButtonStyle{
    border-radius: 2rem;
    padding: 3rem;
    background-color: aqua;
    border: 6px solid yellow;
    margin-top: 20vh;
    margin-bottom: 2vh;
    font-family: "Racing Sans One", sans-serif;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
}

/* small screen */
@media(max-width: 767px){
#ButtonStyle:hover{
    transform:translateY(-3px);
    box-shadow: 0 6px 12px black;
    background-color: #5EFFF4;
}
}

/* small screen */
@media(max-width: 767px){
    #ButtonStyle2{
    border-radius: 2rem;
    padding: 3rem;
    background-color: aqua;
    border: 6px solid yellow;
    margin-top: 20vh;
    margin-bottom: 2vh;
    font-family: "Racing Sans One", sans-serif;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
}

/* small screen */
@media(max-width: 767px){
#ButtonStyle2:hover{
    transform:translateY(-3px);
    box-shadow: 0 6px 12px black;
    background-color: #5EFFF4;
}
}




/* big screen */
@media(min-width: 767px){
    #Title{
    color:yellow;
    font-weight: bolder;
    margin-top: 1rem;
    font-family: "ADLaM Display";
    font-size: 7rem;
}
}


/* big screen */
@media(min-width: 767px){
    #ButtonStyle{
    border-radius: 2rem;
    padding: 3rem;
    padding-left: 15rem;
    padding-right: 15rem;
    background-color: aqua;
    border: 6px solid yellow;
    margin-top: 10vh;
    margin-bottom: 10vh;
    font-family: "Racing Sans One", sans-serif;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
}

/* big screen */
@media(min-width: 767px){
#ButtonStyle:hover{
    transform:translateY(-3px);
    box-shadow: 0 6px 12px black;
    background-color: #5EFFF4;
}
}


/* big screen */
@media(min-width: 767px){
    #ButtonStyle2{
    border-radius: 2rem;
    padding: 3rem;
    padding-left: 15rem;
    padding-right: 15rem;
    background-color: aqua;
    border: 6px solid yellow;
    margin-top: 10vh;
    margin-bottom: 10vh;
    font-family: "Racing Sans One", sans-serif;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
}

/* big screen */
@media(min-width: 767px){
#ButtonStyle2:hover{
    transform:translateY(-3px);
    box-shadow: 0 6px 12px black;
    background-color: #5EFFF4;
}
}