body{display:flex;flex-direction:column;margin:0;font-family:Ubuntu,sans-serif;scroll-behavior:smooth}.topbar{display:flex;flex-direction:row;border:white solid 2px;width:100vw;justify-content:space-between;background-color:#000;margin:0;align-items:center;border:hidden 0px;border-radius:0;padding:0;height:8em;max-height:15vh;position:fixed;z-index:103;top:0;border-bottom:wheat solid 2px}.links{width:max(400px,50%);height:100%;display:flex;align-items:center;margin:0;padding:0;font-weight:700}ul{display:flex;list-style:none;justify-content:flex-end;height:100%;width:100%;align-items:center;padding:0 10% 0 0;margin:0}li a{text-decoration:none;color:#fff;font-size:25px;height:100%;width:33%;padding-left:20px;padding-right:20px;display:flex;align-items:center;cursor:pointer}li{height:100%;margin-right:10%}.topbar li:hover{background-color:#fff;transition:.5s background-color}.topbar li:hover a{color:#131416}.logo img{height:5em;padding-left:10px}.burger{position:relative;width:40px;height:30px;background:transparent;cursor:pointer;display:block}.burger input{display:none}.burger span{display:block;position:absolute;height:4px;width:100%;background:#f0f8ff;border-radius:9px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out;z-index:0}.burger span:nth-of-type(1){top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}.burger input:checked~span:nth-of-type(1){transform:rotate(45deg);top:0;left:5px}.burger input:checked~span:nth-of-type(2){width:0%;opacity:0}.burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}.links-button{display:none}.LinkBox{width:100%;color:#fff;background:#131416;display:none;overflow:hidden;align-items:flex-start;height:0px;position:fixed;z-index:107;top:90px;transition:height .5s}.LinkBox ul{display:flex;flex-direction:column;align-items:center;margin-right:0;padding-right:0}.LinkBox li{margin-left:0;margin-right:0;width:100%;padding:0 20px}.LinkBox li:hover{background:#fff}.LinkBox li:hover a{color:#131416}@media screen and (max-width: 1000px){.links-button{display:block;margin-right:50px}.links{display:none}.LinkBox{display:flex;flex-direction:row}}#contact{margin-top:10px;margin-bottom:10px;font-family:ubuntu,sans-serif;font-size:max(20px,1.7vi);font-weight:700;background:#009ffd;color:#f0f8ff;display:flex;align-items:center;justify-content:center;border:2px solid #66da4300;border-radius:5em;transition:all .2s;cursor:pointer;height:60%}#contact a{width:auto;padding-left:3rem;padding-right:3rem}#contact:hover{border:2px solid aliceblue;background:transparent}#contact:hover a{color:#f0f8ff}.LinkBox #contact{border-radius:0}@media screen and (max-width: 450){.links-button{display:block;margin-right:20px}}.background{width:100vw;min-height:65em;background:center no-repeat url(/space-background.png);display:flex;justify-content:center;align-items:center}.filter{width:100vw;height:65em;position:absolute;background-color:#000;z-index:101;opacity:.6}.background h1{color:#faebd7;padding:0;margin:0;font-family:inherit;font-size:max(40px,1.5vi);text-align:center;overflow:hidden}#name{width:80%;font-size:min(7vi,65px);font-weight:300;text-align:center;color:#009ffd;overflow:hidden}ul{list-style:none}.example-2{display:flex;justify-content:center;align-items:center}.example-2 .icon-content{margin:0 10px;position:relative}.example-2 .icon-content .tooltip{position:absolute;top:-30px;left:50%;transform:translate(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease}.example-2 .icon-content:hover .tooltip{opacity:1;visibility:visible;top:-50px}.example-2 .icon-content a{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:30px;height:70px;border-radius:50%;color:#4d4d4d;background-color:#fff;transition:all .3s ease-in-out}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px #0000001f}.example-2 .icon-content a svg{position:relative;z-index:1;width:30px;height:30px}.example-2 .icon-content a:hover{color:#fff}.example-2 .icon-content a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;background-color:#000;transition:all .3s ease-in-out}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=linkedin] .filled,.example-2 .icon-content a[data-social=linkedin]~.tooltip{background-color:#0274b3}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}#socials{width:100px;height:100px;margin:20px}.info-box,.render-container{width:90%;height:60rem}.info-box{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;z-index:102}.About h1{color:#009ffd;font-size:50px;font-family:ubuntu,sans-serif}.About{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65em;width:100vw;background-color:#131416}.identity{margin:5vh 10vw;display:flex;align-items:center;flex-wrap:wrap;width:80vw;justify-content:center;min-width:none}.identity p{color:#f0f8ff;font-size:25px;align-self:flex-start;margin-top:50px;overflow:hidden;text-align:center}#myImage{width:20em;height:auto;padding:0;margin-right:5rem;min-width:200px}#project h1{color:#009ffd;font-size:50px;font-family:ubuntu,sans-serif;margin-bottom:2em}#project{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100vw;min-height:60em;background-color:#131416}#card-box{width:90%;height:80%;display:flex;justify-content:center}.card{--background: linear-gradient(to left, #009FFD 0%, #9900ff 100%);width:17rem;min-width:250px;height:20em;padding:5px;border-radius:1rem;overflow:auto;background:var(--background);position:relative;z-index:1;margin:20px;transition:box-shadow .15s ease-out .1s}.card:after{position:absolute;top:30px;left:0;right:0;z-index:-1;height:300px;width:400px;transform:scale(.8);filter:blur(25px);background:#f7ba2b;background:var(--background);transition:opacity .5s}.card-info{--color: #181818;background:var(--color);color:#009ffd;justify-content:center;align-items:center;width:100%;height:100%;overflow:visible;border-radius:.7rem;display:flex;flex-direction:column}.card .title{font-weight:700;letter-spacing:.1em}.card:hover{box-shadow:#00eeffad 0 0 20px 5px}.cards{display:flex;width:90%;justify-content:center;flex-wrap:wrap}.desc{color:#faebd7;font-size:medium;font-weight:300}.card img{border-radius:5px}.scroll-1::-webkit-scrollbar{width:1px;height:8px}.scroll-1::-webkit-scrollbar-thumb{border-radius:20px;background:#009ffd}.container{scroll-snap-type:x mandatory;scroll-padding-top:24px;border-radius:8px;gap:10px}.background-grid{width:100%;height:90%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-around}#card-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:100px}.card-info img{width:80%;max-height:50%}.card-info .title{width:90%;text-align:center}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.emailcontaine h1{color:#009ffd;font-size:50px;font-family:ubuntu,sans-serif;align-self:center}.emailcontaine{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60em;width:100vw;background-color:#131416}.form{font-size:large;align-items:center;justify-content:center;flex-direction:column;width:90%;height:80%;font-size:25px;max-width:60em}.inputs{margin:20px 20px 20px 0;padding:0;height:80%;display:flex;flex-direction:column;width:100%}.button{margin-top:10px;font-family:ubuntu,sans-serif;font-size:25px;font-weight:700;background:#009ffd;color:#f0f8ff;padding:.7em 5.5em;display:flex;align-items:center;justify-content:center;border:2px solid #66da4300;border-radius:5em;overflow:hidden;transition:all .2s;cursor:pointer;width:200px}.button:hover{border:2px solid aliceblue;background:#0000;color:#f0f8ff}.button:active{border:2px solid #66da4300;background:#00c3ff;color:#000}.input{background-color:#212121;width:min(90%,500px);height:40px;padding:10px;margin:10px;color:#fff;border:2px solid white;border-radius:5px}.input:focus{color:#0ff;background-color:#212121;outline-color:#0ff;box-shadow:-3px -3px 15px #0ff;transition:.1s;transition-property:box-shadow}.input::placeholder{color:#f0f8ff;opacity:.2}.textarea{background-color:#212121;width:90%;height:80%;padding:10px;margin:10px;color:#fff;border:2px solid white;border-radius:5px;resize:none;overflow:scroll}.textarea:focus{color:#0ff;background-color:#212121;outline-color:#0ff;box-shadow:-3px -3px 15px #0ff;transition:.1s;transition-property:box-shadow}.textarea::placeholder{color:#f0f8ff;opacity:.2}.textarea::-webkit-scrollbar{width:1px;height:8px}.textarea::-webkit-scrollbar-thumb{border-radius:20px;background:#009ffd}.input div{flex-direction:column;width:90%}@media screen and (min-width: 800px){.inputs{display:flex;flex-direction:row;justify-content:center;padding:0;width:100%}.textarea{width:60%;height:90%}.inputs div{width:40%}}#footer ul{display:inline-grid;grid-auto-flow:row;grid-gap:24px;justify-items:center;align-items:center;width:auto;margin:auto}#footer ul{grid-auto-flow:row}@media (min-width: 500px){#footer ul{grid-auto-flow:column}}#footer a{color:#fff;text-decoration:none;box-shadow:inset 0 -1px #fff6}#footer a:hover{box-shadow:inset 0 -1.2em #fff6}#footer li:last-child{grid-column:1 / 2;grid-row:1 / 2}#footer li:hover~li p{animation:wave-animation .3s infinite}#footer{display:flex;min-height:11rem;width:100vw;background-color:#000;line-height:1.3;font-family:ubuntu,Menlo,monospace;margin:0}@keyframes wave-animation{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-15deg)}}#footer p{font-size:50px}@media only screen and (max-width: 600px){#footer p{font-size:25px}li a{font-size:20px}#footer ul{padding-bottom:20px}}