body,html{margin:0;padding:0;height:100%;min-height:100%;background-color:#1e1e1e;scroll-behavior:smooth}body{background:transparent}svg{display:none}.bubbles{background:transparent;display:flex;flex-direction:column;flex:1;height:100%;filter:url(#goo)}.bubble{background:#875ae0;width:150px;height:150px;border-radius:250px;animation:wobble 30s ease-in-out infinite alternate,totop 30s linear infinite;animation-timing-function:ease-in-out;z-index:2;position:absolute}@keyframes totop{0%{bottom:-220px}to{transform:translateY(-750vh)}}@keyframes wobble{50%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}to{border-radius:38% 52% 75% 36%/50% 40% 50% 60%}}.top{background-color:transparent;background-image:url(/img/top.29c37fd8.svg);background-position-y:top;background-size:cover;height:30vh}.bottom{background-color:transparent;background-image:url(/img/back.869de91b.svg);background-position-y:bottom;background-size:cover;height:30vh;margin-top:auto}@keyframes splash{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.home{opacity:0;transition:all .3s ease-out;animation:splash 1s ease-in-out normal forwards;height:100vh;scroll-snap-align:start}.titles{padding-top:400px}.titles h1{display:flex;justify-content:center;text-align:center;align-items:center;background:transparent;width:100%}#portf{font-size:2em;letter-spacing:clamp(.1em,1em + 1vw,1.5em);font-size:clamp(.1em,1em + 1vw,2em);padding-left:1em;width:80%}#name,#portf{color:#e0e0e0}#name{font-size:1em;width:60%;margin-top:20px;padding-left:6px}.arrow{display:inline-block;width:30px;height:30px;border-top:2px solid #fff;border-right:2px solid #fff;display:flex;justify-content:center;align-items:center;margin:auto;margin-top:25vh;animation:bounce 1s cubic-bezier(.9,.7,.5,.9) infinite}.arrow-bottom{transform:rotate(135deg)}@keyframes bounce{50%{transform:translateY(20px) rotate(135deg)}0%{transform:translateY(0) rotate(135deg)}}.description{margin:auto;margin-top:250px;width:100%;padding-left:10px;align-content:center;height:100vh;scroll-snap-align:start}.desclayout{display:inline-flex;width:100%}#text{display:block}#text,.description h1{left:0;text-align:left}.description h1{font-size:2em;font-size:clamp(.1em,1em + 1vw,2em);color:#e0e0e0;padding-left:1em;width:100%;height:100px;background:none}body{margin:0;padding:0;height:100%;scroll-behavior:smooth}.layout{font-size:32px;letter-spacing:6px;overflow-y:scroll;scroll-snap-type:y mandatory}.bubbles{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:3000px;z-index:-50}.fade-in{height:500px;margin-bottom:50px;opacity:0;transition:all .3s ease-out;transform:scale(.8);box-sizing:border-box;padding:20px}h1{display:flex;margin:auto;color:#fff;font-size:50px;text-align:center;justify-content:center;align-items:center;z-index:10;width:150px;border-radius:50px;background-color:rgba(8,8,8,.2);border:0;font-family:Roboto,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#875ae0}::-webkit-scrollbar-thumb:hover{background:#734dc0}