@import url(fonts.css);
@media only screen and (min-width: 818px) {
body{
    background-color: black;
    justify-items: center;
}
.background{
    margin-top: 100px;
    height: 600px;
    
}
.header{
    position: absolute;
    width: 490px;
    height: 80px;
    background-image: url(link2-imagens/header.png);
    background-size: 400px;
    margin-top: -460px;
    margin-left: 160px;
    border-radius: 10px;
}
h2{
    margin: 10px;
    margin-bottom: 15px;
    font-family: type3;
}
.text{
    position: absolute;
    width: 250px;
    height: 240px;
    background-color: #90a26c;
    margin-top: -370px;
    margin-left: 160px;
    border-radius: 10px;
    overflow: auto;
    scrollbar-color: #90a26c #391e12;
    
    scrollbar-width: thin;
  
}
.dia{
    font-family: dotness;
    margin: 10px;
    
}
.desc{
    font-family: basic;
    margin: 10px;
    color: #391e12;
}
hr{
    border: #66744b solid 0.5px;
}
/* -----------MENU------------- */
.menu{
    position: relative;
    inset: 0;
    height: 0;
    margin-top: -10px;
}
.menu button{
    background: none;
    border: none;
}
.dial{
    width: 160px;
    position: absolute;
    margin-top: -370px;
    margin-left: 420px;
}

.dial2{
    width: 29px;
    height: 29px;
    position: absolute;
    margin-top: -370px;
    margin-left: 510px;

    background-image: url("link2-imagens/dial2.png");
    background-size: cover;
}

.menu button:hover .dial2{
    background-image: url("link2-imagens/botao2.png");
} 


.dial3{
    width: 29px;
    height: 29px;
    position: absolute;
    margin-top: -379px;
    margin-left: 468px;

    background-image: url("link2-imagens/dial3.png");
    background-size: cover;
}

.menu button:hover .dial3{
    background-image: url("link2-imagens/botao3.png");
} 

.dial4{
    width: 29px;
    height: 29px;
    position: absolute;
    margin-top: -374px;
    margin-left: 422px;

    background-image: url("link2-imagens/dial4.png");
    background-size: cover;
}

.menu button:hover .dial4{
    background-image: url("link2-imagens/botao4.png");
    
} 
.dial5{
    width: 27px;
    height: 27px;
    position: absolute;
    margin-top: -355px;
    margin-left: 383px;

    background-image: url("link2-imagens/dial5.png");
    background-size: cover;
}

.menu button:hover .dial5{
    background-image: url("link2-imagens/botao5.png");
}
.phone{
    
    height: 230px;
    position: absolute;
    margin-top: -378px;
    margin-left: 590px;
}
.painting{
    height: 100px;
    position: absolute;
    margin-top: -210px;
    margin-left: 450px;
}
}