@charset "UTF-8";
@font-face {
font-family:Terrariafont;
src: url("Fontes/ANDYB.TTF") format('truetype');   
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

*{font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;}

header#boxtitulo{
    background-image: linear-gradient( to bottom, #155902, #32b31e);
    font-size: 50px;
    font-family: 'Terrariafont';
    text-align: center;
    color: #A66C4B;
    background-color: #72F25E;
    outline: 3px solid black;
    border: 3px solid #A66C4B;
    border-radius: 30%;
    padding: 10px 10px 10px 10px;
    margin: 20px auto 50px auto;
    max-width: 400px;
}
main
{
    background-image: linear-gradient( to bottom, #2DA61B, #72F25E, #155902, #A66C4B, #0D0D0D);
    background-color: #72F25E;
    max-width: 1200px;
    text-align: justify;
    padding: 20px;
    margin: 30px auto 30px auto;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 4px 4px 7px black;
}
body{
    background-image: url('imagens/wallpaper.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
h1 
{
    font-size: 50px;
    font-family: 'Terrariafont';
}
h2 
{
    font-size: 40px;
    font-family: 'Terrariafont';   
    text-align: center;
    color: #000000;
    text-decoration: underline;
    background-color: white;
    outline: 3px solid black;
    border: 3px solid #A66C4B;
    max-width: 450px;
    padding: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
dt{
    font-size: 30px;
    font-family: 'Terrariafont';   
    text-align: justify;
    font-weight: bolder;
    line-height: 2em;
}
dd{ 
    font-size: 18px;
    font-family: 'Roboto', Helvetica, sans-serif;   
    text-align: justify;  
    line-height: 2em;
}
p{
    font-size: 20px;
    font-family: 'Roboto', Helvetica, sans-serif;   
    text-align: justify;
    text-indent: 30px;
    line-height: 2em;
}
#Nerds{
    display: block;
   margin-left: auto;
   margin-right: auto;
   outline: 3px solid blue;
   margin-bottom: 10px;
   box-shadow: 3px 3px 5px black;
}
header{
    background-color: white;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
section{
    background-color: white;
    outline: 3px solid black;
    border: 3px solid #A66C4B;
    padding: 10px;
    border-radius: 10px;
}
section#box1{
    margin-bottom: 30px;
}
h2:hover{
    text-decoration: underline;
    background-color: #72F25E;
    outline: 3px solid black;
    border: 3px solid #A66C4B;
    border-radius: 10px;
    max-width: 450px;
    padding: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
img.boss{
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 8px double rgb(8, 131, 8);
    border-radius: 10px;
    box-shadow: 3px 3px 5px black;
    background-color: #72F25E;
    max-width: 90%;
}
dt.bossname > p:hover{
    text-decoration: underline;
}
img.icon{
    display: block;
    padding: 5px;
    border: 2px solid black;
    border-radius: 10px;
}
img.icon:hover{
    background-color: red;
    transition-duration: 0.5s;
}
dd{
    font-size: 20px;
    font-family: 'Roboto', Helvetica, sans-serif;   
    text-align: justify;
    text-indent: 10px;
    line-height: 1.5em;
}
div.audio{
    text-align: right;
}
footer{
    font-family: 'Terrariafont';
    font-size: 20px;
    color: #A66C4B;
    background-color: white;
    outline: 3px solid #FA35F7;
    border: 3px solid #FAF416;
    padding: 10px;
    max-width: 370px;
    max-height: 345px;
    text-align: center;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
footer>a{
    color: #FA35F7;
}
footer>a:hover{
    color: #FAF416;
    background-color: #FA35F7;
}
img#Diogo{
    padding: 5px;
    border: 3px black;
    border-style: groove;
    border-radius: 30px;
    box-shadow: 3px 3px 5px black;
}
abbr:hover{
    background-color: #faf21677;
    border-radius: 10px;
    padding: 2px;
}