html, body {
    max-width: 100%;
    overflow-x: hidden;
}
body {
    padding: 0;
    margin: 0 auto;
    width: 100vw;
  }
  h1 {
    font-size: 55px;
    padding: 0;
    margin:0;
    font-family:"times new roman", serif;
    font-weight: normal;
  }
  h2 {
    font-size: 35px;
    padding:0;
    margin:0;
    font-family: "times new roman", serif;
    font-weight: normal;
  }
  h3 {
    text-align: start;
    margin:0; 
    padding:0; 
    font-size:23px; 
    font-family:arial, sans-serif;
  }
  h4 {
    text-align: end; 
    margin:0; 
    padding:0; 
    font-size:28px;
    font-family: "times new roman", serif;
    font-weight: normal;
  }
  .serifa { 
    font-family: "times new roman", serif;
  }
  .isticado {
    display: flex;
    flex-direction: column;
    transform: scaleX(.79);
    padding: 2.5%;
    margin: 0 auto;
    text-shadow: 0 0 4px #fff, 0 0 5px #82695b, 0 0 6px red;
    color: #e6e5e9;
    min-height: 100vh;
    justify-content: center;
    line-height:.9;
    background-color: black;
  }
.isticadolite {
    display: flex-column;
    position: relative;
    transform: scaleX(.79);
    padding: 0%;
    margin: 0 auto;
    text-align: justify;
    text-shadow: 0 0 2px #fff, 0 0 3px #82695b, 0 0 4px red;
    color: #e6e5e9;
    justify-content: center;
    line-height:.9;
    background: black;
    max-width: 600px;
  }
.lain {
    display: flex;
    flex-direction: column;
    padding: 2.5%;
    margin: 0 auto;
    background: #84dce8;
    background: radial-gradient(circle, rgba(132, 220, 232, 1) 0%, rgba(85, 181, 171, 1) 27%, rgba(42, 57, 126, 1) 83%, rgba(15, 36, 59, 1) 100%);
    min-height: 100vh;
    font-family: lain;
}
@font-face {
    font-family: lain;
    src: url('lain.ttf');
}
  .sombra {
    text-shadow:0 0 2px #fff, 0 0 3px #82695b, 0 0 4px red,  8px 3px indianred;
  }
p {
  padding-left: 0;
  padding-right:0%;
  transform: scaleX(.79);
  text-shadow: 0 0 1px #fff, 0 0 2px #82595b;
  color: #e6e5e9;
} 
  .invertido {
    background-color: #e6e5e9;
    box-shadow: 0 0 900px #e6e5e9;
      padding-top: 10px;
      padding-bottom: 10px;
  }
.botao {
    text-decoration: none;
    color: #e6e5e9;
    transition: color 0.5s;
    font-weight: bold;
    text-shadow: 0px 0px #87070b, 0 0 4px #fff, 0 0 5px #82695b, 0 0 6px red, 3px 3px brown;
}
.botao:hover {
    color: transparent;
}
ul {
    list-style: none;
    margin: 0px;
    padding:0px;
}
.invertido p {
    filter: invert(100%);
}
footer {
    background: black;
    margin: 0;
    padding: 0;
    box-shadow: 0 0 20px black;
}
iframe {
    display: flex; 
    max-width:200px; 
    filter: grayscale(100%); 
    justify-content: center; 
    position: fixed; 
    z-index:999; 
    left:-180px;
    transition: 0.5s;
}
iframe:hover {
    left:0;
}