/*----------------Responsividade da fonte ----------------*/
html {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(12px + 6 * ((100vw - 320px) / 680));
  }
  #topbar{
    font-size:smaller;
  }

  #skillsStar{
  padding:0;
  border:none;
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 16px;
  }

  #topbar{
    font-size:1em;
  }

  #skillsStar{
    padding:0;
    border-right: 1px dashed #333;
  }
}
/*--------- Estilização -----------*/

body{
  font-family:'Open Sans', sans-serif;
  overflow-x:hidden;
}

body > div > hr{
  width:50%;
  margin:0 auto;
}

footer{
  text-align:center;
  background-color:rgba(255,255,255,0)
}

iframe{
  border-radius:0.3em;
  border:0px;
  width:100%;
  height:100%;
}

#topbar a{
  text-decoration: none;
  color: black;
  max-height: 10vh;
  padding: 2%;
}

#topbar{
  padding-top:2%;
  padding-bottom:2%;
  width:100vw;
  z-index:2;
  font-family: monospace;
}

#nav-links{ 
  text-align:center;  
  width:100%;
}

#nav-links > div{
  display:inline;
  font-size:0.8em;
}

#main,#projetos-header,#sobre,#contact{
  margin:0 auto;
  width: 80vw;
  padding:2.5em;
}

#main-content{
  height:90vh;
}

.cover-heading{
  font-family:'Libre Baskerville', sans-serif
}

#cover > main{  
  padding:2.5em;
}

#minhacara{
  margin:0 auto;
}

.circled-img{
  vertical-align: center;
  object-fit:cover;
  border-radius:5em;
  border: 0.5px solid rgb(200,200,200,0.3);
  width:10em;
  height:10em;
  overflow:hidden;
}

.card{
  border: 1px solid black;
  border-radius:0em !important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}

.card .card:hover, .btn:hover{
  box-shadow: 0 3px 6px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
}
#contactlist{
  margin:0 auto;
  width:50%;
  padding:3%
}


#projetos-header  a{
  color:white;
  padding:1%;
}

.btn{  
  border-radius:0;
}

.container-fluid{
  padding:0;
}

#skillz{
  padding:1em;
  font-family:monospace;
  font-size:smaller
}

#skillz ul{
  list-style-type: none;
  padding-left: 0;
}