@media screen and (min-width: 901px){
    .Projects-light{
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all ease-in-out 0.4s    ;
    }
    .Projects-dark{
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        background-color: #060c14;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all ease-in-out 0.4s;
    }
}
@media screen and (max-width: 900px){
    .Projects-light{
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all ease-in-out 0.4s;
    }
    .Projects-dark{
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        background-color: #060c14;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all ease-in-out 0.4s;
    }
}
@media screen and (max-width: 600px){
    .Projects-light{
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all ease-in-out 0.4s;
    }
    .Projects-dark{
        box-sizing: border-box;
        height: 100vh;
        background-color: #060c14;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all ease-in-out 0.4s;
    }
}
@media screen and (max-width: 300px){
    .Projects-light{
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all ease-in-out 0.4s;
    }
    .Projects-dark{
        box-sizing: border-box;
        height: 100vh;
        background-color: #060c14;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all ease-in-out 0.4s;
    }
}