Vaporeon - ID

<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Oswald&display=swap" rel="stylesheet"><link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"><div class="marb1"> <div class="marb3"> <div class="marbit"> <div class="marbi"><span class="sf sf-wave"></span></div><div class="marbtit">ITULO</div><div class="marbsub">SUBTITULO</div></div><div class="marbtm"> <div class="marbtext"> <div class="marbtext1"> TEXTO AQUI</div></div><div class="marbimg"></div></div><div class="marbimg1"></div><div class="marbtit2">Historia</div><div class="marbtext2">TEXTO AQUI</div><div class="marbin1"> <div class="mar2">Dato aqui</div><div class="mar2">Dato aqui</div><div class="mar2">Dato aqui</div><div class="mar2">Dato aqui</div></div></div></div><div id="myscr"><a href="https://mystiqueworkshop.tumblr.com/">MYSTIQUE</a></div><style>.marb1{--color1: #F0F7DA; --color2: #B8D0DE; --color3: #6792AB; --color4: #000; --imgfond:url('URL DE LA IMAGEN AQUI')}.marb1{width: 420px; height: auto; background: var(--color2); padding: 15px; margin: 0 auto;}.marb3{width: 400px; height: auto; padding: 10px; border: 1px solid var(--color3); margin: 0 auto;}.marbit{display: flex;}.marbi{width: 120px; height: 120px; background: var(--color3); color: var(--color2); font-size: 80px; display: flex; justify-content: center; align-items: center;}.marbtit{width: 290px; padding: 5px; font: 45px 'Oswald'; color: var(--color3); text-transform: uppercase;}.marbsub{position: absolute; width: 280px; margin-top: 70px; margin-left: 125px; font: 12px 'Montserrat'; text-transform: lowercase; text-align: justify; color: var(--color4);}.marbtm{display: flex; margin: 0 auto; margin-top: 20px;}.marbtext{width: 180px; height: 260px;padding: 5px; border: 1px solid var(--color3)}.marbtext1{width: 160px; height: 230px; padding: 10px; margin: 0 auto; overflow: auto; font: 11px 'Montserrat'; text-align: justify; color: var(--color4);}.marbimg{width: 180px; height: 250px; background: var(--color3); margin-left: 3px;}.marbimg1{width: 190px; height: 250px; position: absolute; margin-top: -250px; margin-left: 210px; background:var(--imgfond); background-size: cover;}.marbtit2{margin-top: 10px; text-align: center; font: 25px 'Oswald'; color: var(--color3); text-transform: uppercase;}.marbtext2{width: 360px; padding: 10px; margin: 0 auto; font: 11px 'Montserrat'; text-align: justify; color: var(--color4);}.marbin1{display: flex; margin: 0 auto; justify-content: center; margin-top: 5px;}.mar2{width: 80px; height: 20px; background: var(--color3); margin-left: 2px; padding:5px; text-align: center; font: 12px 'Oswald'; text-transform: uppercase; color: var(--color1);}#myscr{font-family: 'Century Gothic'; font-size: 11px; text-align: center; color: var(--color3); margin: 0 auto; margin-top: 1px;}#myscr a{color: var(--color3);text-decoration: none;}.marbtext1::-webkit-scrollbar{width:3px;}.marbtext1::-moz-scrollbar{width:2px;}.marbtext1::-webkit-scrollbar-thumb:vertical{background-color: var(--color3);}.marbtext1::-moz-scrollbar-thumb:vertical{background-color: var(--color3);}</style>