*{
  color: #ffffff;
  font-family: "Roboto", sans-serif;
    
}
html { scroll-behavior: smooth;}
/* CIMA*/

body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
    background-position: center; 
  }

#main_tittle{
      font-size: 7vh;
  }
#wrapper, #footer, #footer_fav{
  width:200vh;
  height:100%;
  margin: 0 auto;
}

#footer_blinkies{
  margin-top: 2vh
}
#footer, #footer_fav{
  width: 90%;
  text-align: center;
  padding: 2vh;
  margin-top: 470vh;
  background-color: rgb(164, 6, 6, 0.8);
}

#footer_text{
  font-size: 2.5vh;
  margin: 1vh;
  margin-top: 2vh;

}
.header_img{
  height:30vh;
  margin: 2vh;
}
#header {
    background-image: linear-gradient(to bottom, rgba(197, 0, 0, 0.9), rgba(0, 0, 0, 0.8));
    height:35vh;
    width:100%;
    text-align: center;
    margin-bottom: 7vh;
    border: solid 0.5vh #000000;
}
.header_title1{
  font-size: 7vh;
  color: #ffffff;
  font-weight: bolder;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35vh;
}
.headroptions{
  width: 40vh;
  padding-top: 0.5vh;
  padding-bottom: 0.5vh;
  float: left;
}
.headroptions{
  border: solid 0.5vh #000000;
  background-image: url(../blinkies/heartbeat.gif);
  font-size: 3vh;
  padding: 2vh;
  margin-top: -24vh;
}
.headroptions:hover{
  background-image: url(../stamps/eyesopening.gif);
  color: #A40606;
}
#headroptionsheader{

}

/* ORGANIZAÇÃO*/
#middle, #right, #left, #middle_fav{
  width: 100vh;
  float: left;
}
#right, #left{
  max-width: 50vh;
}
#middle, #middle_fav{
  background-image: linear-gradient(to bottom, rgba(197, 0, 0, 0.9), rgba(0, 0, 0, 0.9));
}

#middle_fav{
  width: 150vh;
  align-items: center;
  margin: 3vh 0vh 0vh 28vh;
}

/* bio principal*/
.section_info_middle, .section_info_right{
  background-color: rgb(164, 6, 6, 0);
  padding: 2vh 3vh 4vh 3vh;
  max-width: 99vh;
  margin-bottom: -0.02vh;
  border-top: 0.5vh solid black;
}
.section_info_right{
  max-width: 50vh;
  background-color: #111111;
  font-size: 2.5vh;
  border: 0.2vh solid #A40606;
  border-top: 0.5vh solid black;
}
h1{
  font-size: 5vh;
}
.section_info{
  font-size: 2.5vh; 
}

.image_section, .image_section_right{
  float: left ;
  height: 30vh;
  margin: 3vh;
}
.text_section{
  margin-left: 3vh;
  margin-top: 3vh;
}




.mini_text1, .mini_text2, .text_2, .text, .text_2_socials{
  margin-left: 3vh;
  line-height: 1.8;
  text-align: center;
}
.text{
  font-size: 4vh;
}
.mini_text2{
  margin-top: -3vh;
  font-style: normal;
}

.text_2{
  font-style: normal;
  margin-top: 3vh;
}
.mini_text{
  font-size: 2vh;;
}

/* MENU*/
h2{
  margin-top: -1vh;
  width:100%;
  margin: 2vh 0vh 1vh 1vh; 
  font-size: 5vh; 
  text-align: center;
}
/* ASIDE + IMAGES*/
.img_aside, .img_middle, .blink_aside, .img_aside_middle{
  width:100%;
 }
.blink_aside, .img_aside_middle{
  width: 25vh;
}
.img_middle{
  margin-bottom: 0vh;
}

.stamps{
  width: 45%;
  margin: 2vh;
}

.title_aside{
  font-size: 3vh;
  text-align: center;
  margin-top: 1vh;
}
.divider_aside, .divider_aside_project, .divider_aside_img{
  border-top: 0.2vh solid #A40606;  
  margin-top: 1vh; 
  display:flex;
  padding-top: 2vh;
}
.divider_aside_project{
  display:block;
  align-items: center;
}
.divider_aside_img{
  display:block;
  border-top: 0px;
  margin-top: -2vh;
}
.divider_sub_title{
  float:left;
  margin-left: 1vh;
  width: 22vh;
  font-weight: bold;
}

.divider_inside_text, .divider_img_text {
  margin:0vh 0vh 1vh 0vh;
  max-width: 40vh;
}

/* IMGS ASIDE*/
.flag_divider{
  height: 2vh;
  width: 3vh;
  margin: 0.5vh 1vh 0vh 0vh;
}
.logo_divider{
  height: 3.2vh;
  width: 2.8vh;
  margin: 0vh 1vh 0vh 0vh;
}
.divider_img_text{
  display: flex;
  
}


/* SECTION INFO*/

.title_section_info, .subtitle_section_info{
  margin: 0vh;
  margin-bottom:0vh;
  border-bottom: solid 0.25vh #080000 ;
  border-bottom-style: dashed;
  font-size: 6vh;
}
.subtitle_section_info{
  font-size: 5vh;
  border-bottom: solid 0vh #080000 ;
  margin-top: 3vh;
}
.main_title_one{
  font-size: 12vh;
  margin-top: 2vh;
}
.text_2_sub{
  font-weight: bold;
  margin: 2vh 0vh 2vh 0vh;
  font-size: 4vh;
}
.section_button, .buttonInfo{
  font-size: 3vh;
  background-color: black;
  border:  0.5vh solid #A40606;
  padding: 1vh;
  border-radius: 1vh;
  margin-bottom: 7vh;
  margin-top: 10vh;
}
.buttonInfo{
  margin: 0vh;
}

/*LINKS*/
.socials, .other_pages{
  font-weight: bolder;
  font-size: 3vh;
  border: solid 0.5vh #080000;
  padding: 1.5vh;
  margin-left: 1vh;
  color: #A40606;
  background-color: #080000;
  border-radius: 10px;
}
.socials{
  background-image: url('../stamps/eyesopening.gif');
}
.socials:hover{
  background-image: url(../blinkies/heartbeat.gif);
  color: white;
}
.source{
  text-decoration: none;
}
/*OTHER PAGERS */

a{
  text-decoration: none;
}

@media screen and (max-width: 700px) {
  #middle, #right, #left, #middle_fav{
    float: left;
    width:100%;
  }
  #wrapper, #footer{
    max-width:100%;
    height:100%;
    margin: 0 auto;
  }
  #footer_text{
    margin: 1000vh 2vh 5vh 0vh;
    font-size: 1vh;
  }
  .socials{
    max-width: 20%;
    font-size: 1vh;
  }
  .section_info_middle{
    padding: 2vh 2vh 4vh 0vh;
  }
  #middle_fav{
    margin: 0vh 0vh 0vh 0vh;
    max-width: 100%;
  }
}