@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
::selection{
    background-color: transparent;
}
.navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px 20px;
    /* background-color: #336699; */
}
.logo{
    font-weight: 600;
    font-size: 30px;
    background: linear-gradient(to right, #0054A4, #336699);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.navicons img{
    width: 30px;
}
/* .navicons{
    letter-spacing: 8px;
} */
.list{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 20px 20px;
    padding: 10px;
    background: linear-gradient(to right, #0054A4, #336699);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.symbol img{
    width: 65px;    
}
.subject_physics{
    color: #fff;
    font-size: 45px;
    font-weight: 600;
}
.subject_chemistry{
    color: #fff;
    font-size: 35px;
    font-weight: 600;
}
.subject_mathematics{
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

.disabled{
    opacity: 0.3;
}

/* ##################################################################################################################### */
/* ################################################# Media Query Starts ################################################ */
/* ##################################################################################################################### */

/* Non Mobiles Display None */
@media only screen and (max-width: 300px){
    body{
        display: none;
    }
}

/* For Small Mobiles */
@media only screen and (min-width: 320px){
    /* body{
        background-color: aqua;
    } */
}

/* For Medium Mobiles */
@media only screen and (min-width: 375px){
    .list{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin: 20px 20px;
        padding: 10px;
        background: linear-gradient(to right, #0054A4, #336699);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    .logo{
        font-weight: 600;
        font-size: 40px;
        background: linear-gradient(to right, #0054A4, #336699);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    .navicons img{
        width: 40px;
    }
    .symbol img{
        width: 60px;    
    }
    .subject_physics{
        color: #fff;
        font-size: 50px;
        font-weight: 600;
    }
    .subject_chemistry{
        color: #fff;
        font-size: 40px;
        font-weight: 600;
    }
    .subject_mathematics{
        color: #fff;
        font-size: 35px;
        font-weight: 600;
    }
}

/* For Large Mobiles */
@media only screen and (min-width: 425px){
    .list{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin: 20px 20px;
        padding: 10px;
        background: linear-gradient(to right, #0054A4, #336699);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    .logo{
        font-weight: 600;
        font-size: 40px;
        background: linear-gradient(to right, #0054A4, #336699);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    .navicons img{
        width: 40px;
    }
    .symbol img{
        width: 70px;    
    }
    .subject_physics{
        color: #fff;
        font-size: 60px;
        font-weight: 600;
    }
    .subject_chemistry{
        color: #fff;
        font-size: 50px;
        font-weight: 600;
    }
    .subject_mathematics{
        color: #fff;
        font-size: 45px;
        font-weight: 600;
    }
}

/* For Tablets */
@media only screen and (min-width: 768px){
    .list{
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin: 20px 20px;
        padding: 10px;
        background: linear-gradient(to right, #0054A4, #336699);
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    .logo{
        font-weight: 600;
        font-size: 50px;
        background: linear-gradient(to right, #0054A4, #336699);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    .navicons img{
        width: 50px;
    }
    .symbol img{
        width: 100px;    
    }
    .subject_physics{
        color: #fff;
        font-size: 80px;
        font-weight: 600;
    }
    .subject_chemistry{
        color: #fff;
        font-size: 70px;
        font-weight: 600;
    }
    .subject_mathematics{
        color: #fff;
        font-size: 65px;
        font-weight: 600;
    }
}

/* Non Mobiles Display None - No Desktop Support */
@media only screen and (min-width: 800px){
    body{
        display: none;
    }
}

/* ##################################################################################################################### */
/* ################################################# Media Query Ends ################################################## */
/* ##################################################################################################################### */