Post | Coco // Code By CactusCodes

<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;900&family=Roboto:wght@300;400;500;600;700&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"><div id="summercoco"><div class="sumcoimgbox"><div class="cocosmimg"><div><img src="https://i.ibb.co/7WrD5jb/sea.gif"></div></div><div class="cocostitle"><cocoti>ocean</cocoti><br>waves</div><div class="cocossubtitle">See you lickin' frostin' from your own hands</div><div class="cocosmicon"><i class="fas fa-umbrella-beach"></i></div></div><div class="cocowavebox"><div class="cocowavebo"><div class="cocowaveo"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="var(--cocoswhite)" fill-opacity="1" d="M0,160L26.7,149.3C53.3,139,107,117,160,122.7C213.3,128,267,160,320,176C373.3,192,427,192,480,176C533.3,160,587,128,640,128C693.3,128,747,160,800,170.7C853.3,181,907,171,960,149.3C1013.3,128,1067,96,1120,106.7C1173.3,117,1227,171,1280,186.7C1333.3,203,1387,181,1413,170.7L1440,160L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path></svg></div></div><div class="cocowavebt"><div class="cocowavet"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="var(--cocosblue)" fill-opacity="1" d="M0,64L26.7,58.7C53.3,53,107,43,160,64C213.3,85,267,139,320,149.3C373.3,160,427,128,480,112C533.3,96,587,96,640,101.3C693.3,107,747,117,800,117.3C853.3,117,907,107,960,85.3C1013.3,64,1067,32,1120,48C1173.3,64,1227,128,1280,138.7C1333.3,149,1387,107,1413,85.3L1440,64L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path></svg></div></div></div><div class="cocotextb"><div class="cocotext">—<b>EL DIÁLOGO, HACE EFECTO DEGRADADO—</b> TEXTO POR AQUÍ </div></div></div><div class="cactuslinkcont"><a href="http://evassmat.com/a9ue" class="cactuslinkgm" title="CactusCodes">Cactus</a></div>

<style>:root{--cocoswhite: #fbfbfb;--cocosblue: #6fd6ff;--cocosoran: #ead1b7;--cocobgglad: url(https://i.ibb.co/PtnTt4T/wavspng3.png), linear-gradient(170deg, rgba(111,214,255,0.7) 50%, rgba(234,209,183,1) 100%);--cocosacco: #ff8200;--cocosacct: #ad704f;}#summercoco{width: 550px;background: var(--cocosoran);margin: 0 auto;border-radius: 25px;overflow:hidden;}#summercoco .sumcoimgbox{width: 550px;height: 300px;overflow:hidden;}#summercoco .cocosmimg div{width: 550px;height: 300px;background-color: var(--cocosoran);}#summercoco .cocosmimg div img{width: 550px;height: 300px;mix-blend-mode:soft-light;}#summercoco .cocostitle{width: 550px;text-align:center;font-weight: 900;font-family: nunito;position:relative;top: -200px;font-size: 80px;letter-spacing: -4px;font-style: italic;line-height:50%;color: rgb(0,0,0,0);-webkit-text-stroke: 2px var(--cocoswhite);}#summercoco .cocostitle cocoti{font-size: 50px;}#summercoco .cocossubtitle{font-family:roboto;font-size: 7px;letter-spacing: 2px;position: relative;top: -180px;width: 300px;background: var(--cocoswhite);padding: 5px 0px;border-radius: 10px;margin: 0 auto;text-align:center;text-transform:uppercase;color: var(--cocosoran);font-weight: 400;}#summercoco .cocosmicon{color: var(--cocowhite);position:relative;top: -350px;font-size: 180px;text-align:center;mix-blend-mode:overlay;opacity: .3;}#summercoco .cocowavebox{width: 550px;height: 200px;overflow:hidden;margin-top: -120px;padding-top: 20px;opacity: .7;}#summercoco .cocowavebo{background:var(--cocoswhite);width: 550px;height: 200px;margin-top: 150px;margin-bottom: -200px;animation-name: waveone;animation-duration: 4s;animation-iteration-count: infinite;}@keyframes waveone {0%{margin-top: 50px;}50%{margin-top: 100px;}100%{margin-top: 50px;}}#summercoco .cocowaveo{position:relative;top:-90px;}#summercoco .cocowavebt{background:var(--cocosblue);width: 550px;height: 200px;margin-top: -100px;animation-name: wavetwo;animation-duration: 4s;animation-iteration-count: infinite;}@keyframes wavetwo {0%{margin-top: 50px;}50%{margin-top: 100px;}100%{margin-top: 50px;}}#summercoco .cocowavet{position:relative;top:-120px;}#summercoco .cocotextb{width: 550px;background: var(--cocobgglad);background-position: bottom;background-repeat: no-repeat;padding: 0 0 100px 0;}#summercoco .cocotext{font-size: 12.2px;width: 300px;text-align:justify;margin: 0 auto;border-left: 2px solid var(--cocoaccent);line-height: 130%;color: #0a273c;font-family: roboto;font-weight: 500;background: rgb(255,255,255,.2);border-radius: 20px;padding: 50px;}#summercoco .cocotext b{background: linear-gradient(to right, var(--cocosacco) 0%, var(--cocosacct) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;}.cactuslinkcont{width: 510px;margin: 0 auto;margin-top:2px;text-align:center;}.cactuslinkgm{text-transform:uppercase;text-decoration: none;font-size:7px;letter-spacing:1px;color:#e6e6e6;font-family:times;border-bottom: 1px;}</style>