a{
    color:white;
}
body{
    font-family: 'Poppins';
    color: white;
}
.js{
    background: linear-gradient(152deg, rgba(100,54,117,1) 0%, rgba(182,178,40,1) 100%);
}
.db{
    background: linear-gradient(152deg, rgba(45,31,157,1) 0%, rgba(58,113,159,1) 100%);
}
.php{
    background: linear-gradient(152deg, rgba(115,31,157,1) 0%, rgba(166,124,176,1) 100%);
}
.ui{
    background: linear-gradient(152deg, rgb(17, 119, 42) 0%, rgb(129, 202, 147) 100%);
}
.frontend{
    background: linear-gradient(152deg, rgba(147,23,34,1) 0%, rgba(108,100,87,1) 100%);
}
.classes{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.classes h1{
    color: aliceblue;
}
.term{
    width: 90%;
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    padding: 5px;
}
.subject{
    width: 400px;
    margin: 5px;
    border-radius: 5px;
    padding: 10px;
}
.subject div{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.subject a{
    text-decoration: none;
}
.subject a:hover{
    text-decoration: underline;
}
.subject h2{
    color: aliceblue;
}

#submitAssingment{
    border-radius: 5px;
    background-color: rgb(40, 201, 80);
    border: solid 2px rgb(40, 201, 80);
    padding: 10px;
    margin: 10px;
    color: white;
    transition: 0.3s ease;
}
#submitAssingment:hover{
    cursor: pointer;
    background-color: white;
    color: #3a3a3a;
}
.stats{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #3a3a3a;
    color: antiquewhite;
}
.stats .input{
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
}
.stats .input div{
    display: flex;
    flex-direction: column;
    margin: 10px;
    color: antiquewhite;
}
#className{
    width: 250px;
}