Airy :33

Tags: airy, hfjone, osc, simple, float, cute, brainrot, around the bend

Description:

airy hfjeon

Preview:

Code:

<!-- (c) Layout created by 🖳 (https://layouts.spacehey.com/layout?id=33732) --> <style> @import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap'); /*PASTE SCROLLBAR CODE HERE*/ body{ background-image: url('https://i.ibb.co/ZzzCwpg/airy-s-world-by-sariastudios-dfb60qo-pre-1.png'); background-position:undefined; background-attachment: fixed; background-size: contain; background-color: #745646; } main{ background-color: #8f6d61; border: 3px Solid #000000; } .contact, .url-info, .table-section, .blurbs, .friends, .comments { background-color: #745646; border: 3px Solid #000000; } span[itemprop='name'] { color: #b59182; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } h4 { color: #b59182; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } .section h4, .details-table td:first-child { color: #b59182!important; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } a, .count { color: #b59182; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } a:hover { color: #b59182; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } body,main { color: #b59182; font-family: 'Comic Neue', 'Comic Sans', Sans-Serif; } .details-table td, .details-table td:first-child{ background: none!important; } .heading{ background: none!important; } .comments-table td{ background: none!important; } </style> <img src="https://media.tenor.com/ZnusEBAOCcYAAAAi/airy-hfjone.gif"/> <iframe width="0" height="0" src="https://www.youtube.com/embed/HJzCi8ag4aY//?&;amp;;autoplay=1&;loop=1&;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy"> </iframe> <style> main:before { width: 100%; height: 300px; display: block; content: ""; background-image: url('https://i.ibb.co/RC13t1n/Airy-Final-Appearance.png'); background-position: center center; background-size: cover; } @media only screen and (max-width: 600px) { main:before{ height: 200px; } } </style> <style> nav .top { padding: 15px 10px 14px 10px; display: flex; height: 100px; background-color: #8f6d61; } </style> <style> @keyframes type{ 0%{ width:0ch; } 100%{ width:27ch; } } @keyframes blink{ 0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;} } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 4s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes float { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 8px); } 100% { transform: translate(0, -0px); } </style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.