@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("Roboto-Regular.woff"), url("Roboto-Regular.woff2");
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("Roboto-Bold.woff"), url("Roboto-Bold.woff2");
}
html{
    font-family: "Roboto";
}
.body{
    background-image: url('background.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: whitesmoke;
    padding: 30px;
    min-height: 100dvh;
}

a, a:active{
    color: #c9934d;
    text-decoration-skip-ink: none;
}
a:visited{
    color: #c9934d;
}
a:hover{
    color: #e8a752;
}
footer, .main__links{
    display: flex;
    justify-content: center;
    column-gap: 30px;
}

.content{
    max-width: 720px;
    min-height: 90dvh;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.content img{
    max-width: 360px;
}
.content p{
    text-align: center;
}

.addresses{
    display: flex;
    flex-direction: row;
    column-gap: 60px;
    margin: 0 auto;
    width: fit-content;
}

::selection {
    background-color: #ffcc00aa; /* Highlight color */
    color: #000; /* Text color */
}

::-moz-selection {
    background-color: #ffcc00aa;
    color: #000;
}