#curriculum{
    width:100%;
    height:100%;
    background-color: black;
    position: absolute;
    top:150%;
}
.box{
    background-color:rgb(41, 41, 41);
    position:absolute;
}
.box#left{
    width:30%;
    height: 90%;
    top: 7.5%;
    left: 3.5%;
}
.box #what{
    font-weight: lighter;
    font-size:245%;
    color:white;
    position:absolute;
    left:1.5%;
}
.box#top{
    width: 60%;
    height: 35%;
    right:5%;
    top:7.5%;
}
.box#mid{
    width: 60%;
    height: 25%;
    right:5%;
    bottom: 30%;
}
.box#bottom{
    width: 60%;
    height: 25%;
    right:5%;
    bottom:2.5%;
}

#logos{
    height:54%;
    width:100%;
    position: absolute;
    bottom:0%;
}
.box#top #what{
    position:absolute;
    font-size:175%;
}
.box#top #info{
    position:absolute;
    font-size:118%;
    color: rgb(129, 129, 129);
    left:1.5%;
    top:9.5%;
    letter-spacing: 1px;
    line-height: 120%;
    width:51%;
}
.box#top #code{
    position: absolute;
    width:53%;
    height:100%;
    left:47%;
    top:0%;
}

.box#mid #what{
    position:absolute;
    font-size:175%;
}
.box#mid #info{
    position:absolute;
    font-size:118%;
    color: rgb(129, 129, 129);
    left:1.5%;
    top:17%;
    letter-spacing: 1px;
    line-height: 120%;
    width:51%;
}
.box#mid #game{
    position: absolute;
    width:30%;
    height:90%;
    left:60%;
    top:5%;
}
.box#bottom #info{
    position:absolute;
    font-size:118%;
    color: rgb(129, 129, 129);
    left:1.5%;
    top:25%;
    letter-spacing: 1px;
    line-height: 120%;
    width:51%;
}
.box#bottom #image{
    position: absolute;
    width:45%;
    height:90%;
    left:52%;
    top:5%;
}