@media (orientation: portrait){
    #front, #line, #footer {
    text-align: center;
    width: 90vw;
}

#about, #knowledge, #experience, #edu, #soft-skills {
    width: 90vw;
    font-size: larger;
}

}

@media (orientation: landscape){
    #front, #line, #footer {
    text-align: center;
    width: 75vw;
}

#about, #knowledge, #experience, #edu, #soft-skills {
    width: 75vw;
    font-size: larger;
}
}

body {
    font-family: "IBM Plex Sans", sans-serif;
    background-color: rgb(39, 39, 39);
    color: rgb(221, 221, 221);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    scroll-behavior: smooth;
}

h2 {
    text-align: center;
}

#mail {
    color: rgb(248, 73, 73);
}