@font-face {
    font-family: 'Outfit bold';
    src: url('fonts/static/Outfit-Bold.ttf');
}
@font-face {
    font-family: 'Outfit light';
    src: url('fonts/static/Outfit-Light.ttf');
}
*{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}
main
{
    position:fixed;
    top:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content: center;
    width:100%;
    height:100%;
    background-color:rgb(213,225,239);
}
section
{
    width:20%;
    height:60%;
    background:#fff;
    border-radius:10px;
}
@media only screen and (max-width:376px) {
    section
    {
        height:70%;
        width:70%;
    }
    
}
section img
{
    width:90%;
    height:55%;
    margin-top:5%;
    margin-left:5%;
    margin-right:5%;
    border-radius:10px;
}
#desc
{
    display:flex;
    /* align-items: center; */
    justify-content: center;
    flex-wrap: wrap;
    height:40%;
}
#desc h3
{
    display: flex;
    align-items:center;
    justify-content: center;
    width:90%;
    font-family: 'Outfit bold';
    text-align: center;
    /* font-weight:700; */
}
#desc p
{
    width:90%;
    color: rgb(187,191,196);
    font-family: 'Outfit light';
    /* font-weight:400; */
    font-size:15px;
    text-align:center;
}