*{
  box-sizing: border-box!important;
}

html, body{
  width: 100vw!important;
  height: 100vh!important;
  margin: 0!important;
  padding: 0!important;
}

html {
  scroll-behavior: smooth;
}

body{
  position: absolute!important;
  width: 100vw!important;
  height: 100vh!important;
  display: flex!important;
  flex-direction: column!important;
  margin: 0!important;
  background-color: #050f2c!important;
  overflow-x: hidden!important;
}

.foto{
  border-radius: 100px;
  border:5px solid rgb(255, 255, 255);
  width: 18rem;
  transition: transform 0.3s ease;
}

.foto:hover{
  transform: scale(1.07); /* aumenta 5% */
}

h1{
  color: white!important;
  font-size: 34px!important;
  filter: drop-shadow(0 0 0.4em rgba(0, 173, 254));
  padding-top: 24px;
  padding-bottom: 1.2%;
}


.texto1{
  color: white!important;
  box-sizing: border-box!important;
  margin-left: 5%;
  margin-right: 5%;
}

*::selection{
  color: white;
  background: #5e6168;

}

h2{
  font-size: 2.5rem!important;
}

.texto1 a {
  color: rgb(255 255 255)!important;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
transition: 0.5s;
opacity: 0.7;
}

details,
summary{
  padding: 5px;
}

p, li{
  text-align: justify;
}

.redes-sociais{
  margin-top: 1.6em;
}

.redes-sociais a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  margin: 0 10px 10px 0;
  text-decoration: none;
  border-radius: 50%;
  color: white;
  border: 1px solid white;
  transition: all 0.5s ease;
}

.redes-sociais a i{
  font-size: 20px;
}

.redes-sociais a:hover{
  color: #050f2c!important;
  background-color: rgb(255, 255, 255);
}

#curriculo{
  width: 14rem;
  border-radius: 15px;

}

::-webkit-scrollbar{
  width: 8px;
}

::-webkit-scrollbar-track{
  background-color: #02043b;
}

::-webkit-scrollbar-thumb{
  background-color: rgba(0, 0, 255, 0.219);
  border-radius: 10px;
}