@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@600;900&display=swap');


*{padding: 0;margin: 0;}


body{
    background-image: linear-gradient(to bottom right, #F18B59, #F7B745, #9F5DD3, #4963D1, #6BEFC1, #4EBDDC);
    height: auto;
}


header, footer{
    height: 80px; width: auto;
    font-family: 'Roboto Condensed';
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: lightcyan; */
}


main{
    height: 800px; width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'League Spartan';
    font-size: 54px;
    text-align: center;
    line-height: 78px;
    font-weight: bolder;
}

@media screen and (max-width: 632px) {
    main{font-size: 34px;line-height: 50px;}
    
}
@media screen and (max-width: 402px) {
    main{font-size: 24px;line-height: 38px;}
    
}