@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Doto:wght@100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Doto:wght@300&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');

html{
    scroll-behavior: smooth;
}

body{
    font-family: "Exo", serif;


    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.wrapper {
    position: relative;
    width: 100%;
}

.doto-font{
    font-family: "Doto", serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "ROND" 0;
}
.bebas-neue-regular {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
}
footer a{
    color: var(--c-text);
    text-decoration: none;
}
footer a i{
    color: white;
    text-decoration: none;
}
footer{
    font-family: "Roboto Mono", monospace;

    background-color: var(--c-boxes);

    margin-top: 2em;
    display: flex;

    color: white;
    align-items: center;
    justify-content: space-evenly;
}
footer address{
    padding: 1em;
    font-style: normal;
}
footer .contacts{
    font-size: 2em;

}

@media only screen and (max-width: 990px){
    footer{
        flex-direction: column;
        padding-bottom: 1em;
        padding-top: 1em;
    }
  }