*{
    padding: 0;
    margin: 0;
}

::selection{
    color: white;
    background-image: linear-gradient(to right, red, blue);
    /* background-color: linear-gradient(to right, red, blue); */
}

#main-head{
    height: 100vh;
    width: 100%;
    text-align: center;
    
    background: rgb(0,6,34);
    background: linear-gradient(40deg, rgba(0,6,34,1) 33%, rgba(0,6,94,1) 75%); 
}
.day-container{
    padding: 25px 50px;
    max-width: 100vw;
    max-height: fit-content;
    background: linear-gradient(103.98deg, rgba(225, 0, 27, 0.89) -13.92%, #D1037F 19.74%, #F74A00 70.28%, #FED8A1 103.24%);
}
.task-container{
    display: flex;
    margin-bottom: 50px;
    justify-content: center;
}
.task-text-cotainer{
    padding: 20px;
    width: 25%; 
    height: 200px;

    background: linear-gradient(to right, rgba(226, 226, 226, 0.103), rgba(226, 226, 226, 0.5));
    /* background-color: rgba(226, 226, 226, 0.5); */
    border-radius: 18px 0px 0px 18px;
    word-wrap: normal;
}
.task-code-container{
    padding: 20px;
    width: 45%;
    height: 200px;

    overflow: auto;
    
    background-color: rgba(54, 54, 54, 0.849);
    border-radius: 0px 18px 18px 0px;

    font-family: 'Space Mono', monospace;
    font-size: 16px;
}
hr {
    border: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.63), rgb(6, 255, 26));
    height: 8px;
}

/* ---FONTS--- */
.task-heading{
    font-size: 20px;
    font-weight: 500;
    color: rgb(231, 231, 231);
    font-family: 'Fira Mono', monospace;
}
.task-desc{
    font-size: 16px;
    font-family: 'Inter', sans-serif;
}

h1{
    font-family: 'Fira Mono', monospace;
    font-weight: 600;
    font-size: 48px;
    padding-top: 35vh;

    color: white;
}
#main-head p{
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    color: rgb(223, 221, 221);

}
h2{
    font-family: 'Fira Mono', monospace;
    font-size: 32px;
    color: white;
}
code{
    color: aliceblue;
    font-family: 'Fira Mono', monospace;
}
#main-divider{
    background: linear-gradient(111.3deg, #9c27b0 9.6%, #00bcd4 93.6%);
}
=======
*{
    padding: 0;
    margin: 0;
}

::selection{
    color: white;
    background-image: linear-gradient(to right, red, blue);
    /* background-color: linear-gradient(to right, red, blue); */
}

#main-head{
    height: 100vh;
    width: 100%;
    text-align: center;
    
    background: rgb(0,6,34);
    background: linear-gradient(40deg, rgba(0,6,34,1) 33%, rgba(0,6,94,1) 75%); 
}
.day-container{
    padding: 25px 50px;
    max-width: 100vw;
    max-height: fit-content;
    background: linear-gradient(103.98deg, rgba(225, 0, 27, 0.89) -13.92%, #D1037F 19.74%, #F74A00 70.28%, #FED8A1 103.24%);
}
.task-container{
    display: flex;
    margin-bottom: 50px;
    justify-content: center;
}
.task-text-cotainer{
    padding: 20px;
    width: 25%; 
    height: 200px;

    background: linear-gradient(to right, rgba(226, 226, 226, 0.103), rgba(226, 226, 226, 0.5));
    /* background-color: rgba(226, 226, 226, 0.5); */
    border-radius: 18px 0px 0px 18px;
    word-wrap: normal;
}
.task-code-container{
    padding: 20px;
    width: 45%;
    height: 200px;

    overflow: auto;
    
    background-color: rgba(54, 54, 54, 0.849);
    border-radius: 0px 18px 18px 0px;

    font-family: 'Space Mono', monospace;
    font-size: 16px;
}
hr {
    border: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.63), rgb(6, 255, 26));
    height: 8px;
}

/* ---FONTS--- */
.task-heading{
    font-size: 20px;
    font-weight: 500;
    color: rgb(231, 231, 231);
    font-family: 'Fira Mono', monospace;
}
.task-desc{
    font-size: 16px;
    font-family: 'Inter', sans-serif;
}

h1{
    font-family: 'Fira Mono', monospace;
    font-weight: 600;
    font-size: 48px;
    padding-top: 35vh;

    color: white;
}
#main-head p{
    font-size: 20px;
    font-family: 'Inter', sans-serif;
    color: rgb(223, 221, 221);

}
h2{
    font-family: 'Fira Mono', monospace;
    font-size: 32px;
    color: white;
}
code{
    color: aliceblue;
    font-family: 'Fira Mono', monospace;
}
#main-divider{
    background: linear-gradient(111.3deg, #9c27b0 9.6%, #00bcd4 93.6%);
}