admin.css

/*Made by MandraSaptak*/
*{
    margin: 0;
    padding: 0;
    
}
body{
    background: #f0f0f0;
    min-width: 900px;
    margin: 0;
    padding: 0;

}

.left > .logo > a > img{
    height: 130;
    width: auto;
}


.left{

    background-image: linear-gradient(120deg,#31D638,#29772B);
    height: 100%;/*menu height must be 100%*/
    position: sticky;
    width: 200px;
    overflow: visible;
}

.menu , .fill{
    float: left;/************************/
}

.logo{
    display: flex;
    background-color: transparent;
    padding-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
}

.logo > a{
    display: flex;
    justify-content: center;
    background: #ffffff;
    height:132px;
    width: 100%;
    padding: 10px 10px 10px 10px;
    margin: 0 15px; /*margin of the logo*/
    border-radius: 25px;
    box-shadow: 0 15px 30px #00000016;
    background-image: linear-gradient(110deg,#FFFFFF,#D2D2D2);
}

.agrid {
    position: absolute;
    margin-left: 200px;
    width: calc(100% - 200px);
    height: 100%;
}

.middlepanel{
    background-color: white;
    height: 100%;
}

#name{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12;
    color: gray;
    font-family: Poppins ,sans-serif;
    opacity: 50%;
    margin: 10;
    text-align: right;
    text-decoration: none;
    transition: 0.3s;

}

#name:hover{
    opacity: 90%;
}


#gc > img{
    float: left;
    display: block;
/*Github Classroom*/

}

#gc > h1{
    font-size: 15px;
    padding: 5px;
    font-family: Poppins ,sans-serif;
    color: dimgray;
    transition: 0.1s;
}

#gc{
     margin: 20px;
    background-color: white;
    display: block;
    border-radius: 10px;
    text-decoration: none;

}

#gc > h1:hover{
    color: #2da932;
}



.toppanel{
    font-family: Poppins ,sans-serif;
    font-size: medium;
    width: 100%;
    height: 6 0px;
    top: 0;
    background-color: #D2D2D2;
    padding: 10px;
    padding-left: 15px;
    box-shadow: 0 15px 30px #00000016;
    border-radius: 3px;
    float: left;
}

.workspace{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
     grid-template-areas: "p pp ppp pppp"
                             "q qq qqq qqqq";
    height: 100%;
    padding: 0;
    margin: 0;
}

.workspaceleft{
    grid-area: p;
    background-color: aqua;
}

.workspaceleft{
    grid-area: q;
}