body {
    font-family: Arial, sans-serif;
    background-color: rgba(22, 122, 216, 0.605);
    }
    #khan_click {
        position: absolute;
        top:  45%;
        left: 80%;
        transform: translate(-50%,-50%);
        height: 40px;
        width: 200px;
    }
    #khan_text {
        position: absolute;
        top:  50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    #back {
        display: block;
        size: 45%;
        width: 55px;
        height: 55px;
    }
    #Trivia{
        position: absolute;
        top:  45%;
        left: 20%;
        transform: translate(-50%,-50%);
        height: 40px;
        width: 200px;
    }
    #Background{
        position: absolute;
        top:  45%;
        left: 60%;
        transform: translate(-50%,-50%);
        height: 40px;
        width: 200px;        
    }
    #Schedule{
        position: absolute;
        top:  55%;
        left: 60%;
        transform: translate(-50%,-50%);
        height: 40px;
        width: 200px;        
    }
    .SchoolAppsC{
        #SchoolApps{
            position: absolute;
            top:  45%;
            left: 40%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;
        }
        #Aspen{
            position: absolute;
            top:  50%;
            left: 20%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;
        }
        #Clever{
            position: absolute;
            top:  50%;
            left: 40%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;            
        }
        #Office365{
            position: absolute;
            top:  50%;
            left: 60%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;             
        }
        #Canvas{
            position: absolute;
            top:  50%;
            left: 80%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;            
        }
    }
    .Games{
        #Games{
            position: absolute;
            top:  55%;
            left: 40%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;
        }
        #geometry{
            position: absolute;
            top:  50%;
            left: 35%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;
        }
        #minecraft{
            position: absolute;
            top:  50%;
            left: 15%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;
        }
        #dino{
            position: absolute;
            top:  60%;
            left: 50%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;            
        }
        #coolmath{
            position: absolute;
            top:  50%;
            left: 55%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;             
        }
        #unblockedg{
            position: absolute;
            top:  50%;
            left: 75%;
            transform: translate(-50%,-50%);
            height: 40px;
            width: 200px;            
        }
    }