@import url('https://fonts.googleapis.com/css2?family=Changa+One:ital@0;1&family=Chewy&family=Lilita+One&family=Merienda:wght@300..900&family=Oi&family=Rubik:ital,wght@0,300..900;1,300..900&family=Sigmar&family=Special+Gothic+Expanded+One&family=Tagesschrift&family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family:Changa One;
    background-color: rgb(84, 0, 163);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 40px;
    font-size: 20px;

        h1{
        color: rgb(64, 124, 255);
        font-size: 45px;
        cursor: pointer;
        margin: 10px;
    }
}


.onebox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}

.twobox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}
.threebox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}
.fourbox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}
.fivebox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}
.sixbox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}
.sevenbox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}
.eightbox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}
.ninebox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}
.tenbox{
    width: 100%;
    height: 20%;
    display: flex;
    padding-left: 40px;
    flex-direction: column;
    background-color: white;
}