html, body{
    min-height: 100vh;
}
body {
    background-image: url(../../globalAssets/minecraft.png);
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-repeat: no-repeat;
}
div#segredo{ 
    position: fixed;
    top: 30vmin;
    display: grid;
    place-self: center;
    z-index: 3;
    width: 40vmin;
    height: 20vmin;
    padding: 2vmin;
    background-color: rgba(29, 144, 207, 0.5);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 1.5%;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s;
}
div#segredo.aberto{
    opacity: 1;
    visibility: visible;
}
div#segredo>button#X{
    z-index: 3;
    position: absolute;
    justify-self: right;
    right:0.75vmin;
    align-self: self-start;
    width: 5vmin;
    height: 2vmin;
    padding: 0;
    background-color: rgba(255, 0, 0, 0.5);
    background-image: url(../../globalAssets/Aero_X.png);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    color: white;
    border: none;
}
div#segredo>button#X:hover{
    cursor: pointer;
    background-color: rgb(255, 64, 64);
    box-shadow: 0 0 10px 5px #f54040;
}
div#content{
    background-color: white;
    place-items: center;
    display: flex;
    flex-direction: column;
    padding: 2vmin;
    font-size: 2rem;
}
div#content button{
    float: right;
    margin: auto 1vmin 1vmin auto;
    background-image: url(../../globalAssets/aero_button.png);
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    height: 23px;
    width: 5.4rem;
    cursor: pointer;
}
div#content button:hover{
    background-image: url(../../globalAssets/aero_button_hover.png);
}
div#content button:active{
    background-image: url(../../globalAssets/aero_button_click.png);
}
header{
    margin: 14vh 20vw auto 20vw;
    display: flex;
    border: 1px solid black;
    padding: 1vw;
    background-color: white;
}
header img{
    display: inline-block;
    width: 20%;
    border: 1px solid red;
    border-radius: 50%;
    flex: none;
}
header div.titulos{
    text-align: center;
    place-items: center;
    display: flex;
    flex-direction: column;
    margin: auto auto auto auto;
    font-size: 1.5rem;
}
header div.titulos h1 a{
    text-decoration: none;
    color: black;
}
header div.titulos h1 a:hover{
    color: red;
}
header div.titulos h2{
    color: red;
}
main{
    margin: 4vh 20vw auto 20vw;
    border: 1px solid black;
    display: flex;
    padding: 0;
    background-color: white;
}
main div.menu, main div.conteudo {
    display: inline-block;
}
main div.conteudo{
    margin-right: 0;
}
main div.menu{
    width: 15%;
    margin-top: 0;
    padding: 0.5vw;
    border-right: 1px solid black;
}
main div.conteudo{
    width: 85%;
}
main div.conteudo img{
    float: right;
    margin-left: 0.5rem;
    border: 1px solid black;
    margin-right: 0;
}
main div.conteudo div.texto{
    margin-right: 0.5vw;
    margin-left: 0.5vw;
}