:root{--max-width:1100px;--border-radius:12px;--font-sans:Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw}a{color:inherit;text-decoration:none}@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");#form-complete{animation:switch .5s ease-in}body{-webkit-font-smoothing:subpixel-antialiased}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.testing_div{display:flex;flex-direction:column;height:200px;width:600px;animation:switch 1s ease-out}@keyframes switch{0%{opacity:0}to{opacity:1}}html{scroll-behavior:smooth}*{font-family:var(--font-sans);font-style:normal}#resume{@media screen and (max-width:1650px){.orbit-container{display:none}}}.main_content{margin-right:10px;margin-left:10px;display:flex;flex-direction:column}#landing_page{height:100vh;padding-top:250px;padding-bottom:400px;font-weight:700;font-style:normal}#landing_page,.container{position:relative;margin-bottom:50px;container-type:size}.container{display:flex;flex-direction:column;height:670px;overflow:hidden}@container (max-width: 500px){p{font-size:.9em}.stack{font-size:.7em}}.aboutme_desc{width:500px}.aboutme_body{width:100%;margin-right:100px;display:flex;flex-direction:row;justify-content:space-between}.aboutme_body,.aboutme_img{font-family:var(--font-mono)}.aboutme_img{color:#55f886;border:2px solid #557bf8;border-radius:2px;width:500px;height:400px;padding:40px}.caret_anim{animation:blink 1s infinite}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.contactme_header{display:flex;align-items:center}.red{color:#f85555}.yellow{color:#ffbc48}.green{color:#55f886}.blue{color:#557bf8}.stack{display:grid;grid-template-columns:repeat(3,minmax(130px,250px));padding:30px}.button_sub{border:3px solid #000;color:#000;background:linear-gradient(270deg,transparent 50%,#000 0) 100%;background-size:200%}.button_dark,.button_sub{padding:10px;transition:.5s ease-out;cursor:pointer}.button_dark{border:3px solid #fff;color:#fff;background:linear-gradient(270deg,transparent 50%,#fff 0) 100%;background-size:200%}.button_sub:hover{color:#fff;background-position:0}.button_dark:hover{color:#000;background-position:0}.team_icon{display:inline-block;margin-left:10px;position:relative;bottom:-10px}.fillable{font-family:var(--font-sans);padding-top:10px;width:50%;display:inline-block}input:invalid:focus{outline:1px solid #f85555}.email,.name{display:inline-block;border:transparent;padding:10px;margin-right:10px;margin-bottom:10px;width:190px;outline:none}.message{height:10vh;font-family:var(--font-sans)}.message,.subject{display:block;border:transparent;padding:10px;width:150%;max-width:390px;outline:none}.subject{margin-bottom:10px}.body{background-color:#f0f8ff;color:#000}.body,.dark-mode{display:grid;transition:.5s}.dark-mode{background-color:#1f1d1d;color:#fff;height:100%}.git{padding:10px}.cv{display:block;background-color:#1f1d1d;color:#fff;border-top-right-radius:10px;border-bottom-left-radius:10px;padding:15px;margin-top:10px;width:190px;height:3em;font-size:20px;transition:1s}.cv:hover{background-color:#524f4f;transition:1s}.container_res{margin-left:15px;margin-right:5vw}#particle-container{z-index:1}.headline{position:relative;font-size:clamp(40px,8vw,80px);font-weight:600;display:inline-block}@container (max-width:500px){.headline{font-size:2em}}.subheadline{position:relative;font-size:3em;display:inline-block;container-type:normal}@container (max-width:500px){.subheadline{font-size:2em}}.subheadline:after{content:" ";position:absolute;top:50%;width:200px;border-top:1px solid #708090;border-radius:10px;margin-left:10px}.E{color:#f85555}.E,.S{display:inline-block;transition:transform .5s}.S{color:#557bf8}.A{color:#55f886}.A,.U{display:inline-block;transition:transform .5s}.U{color:#ffbc48}.A:hover,.E:hover,.S:hover,.U:hover{transform:translateY(-10px)}.headbartop{position:-webkit-sticky;position:sticky;z-index:99;top:0;left:0;padding-top:15px;padding-bottom:15px;height:50px;background-color:#edf3f8;color:#000;display:flex;flex-direction:row;justify-content:space-between}.headbardown{top:-80px}.headbardown,.headbarup{position:-webkit-sticky;position:sticky;z-index:99;left:0;height:50px;display:flex;justify-content:space-between;transition:.5s}.headbarup{top:0;padding-top:15px;padding-bottom:15px;background-color:#edf3f8;color:#000}.navmenu{display:flex}.homenav{position:absolute;top:-20px;left:-20px}.nav{transition:transform .5s;display:block;font-family:var(--font-sans);font-size:20px;font-style:normal;font-weight:600;position:relative;padding-right:15px}.nav:hover{transform:translateY(-10px)}.toggle{display:flex;justify-content:center;align-items:center;position:fixed;background-color:#1f1d1d;opacity:.5;border-radius:50%;border:1px solid #dcdcdc;padding:10px;height:50px;width:50px;right:18px;bottom:40px;z-index:99;transition:.25s}.toggle:hover{opacity:1;transition:.5s}.circle{background-color:#f85555}.circle,.circle2{position:absolute;top:-700px;left:-700px;height:1000px;width:1000px;border-radius:50%;overflow:hidden;transition:.5s;z-index:2}.circle2{background-color:#557bf8}.timeline{display:flex;flex-direction:row;margin-top:10px;height:300px;width:80%}.highlight-styled{width:2px;height:50px;background-color:#708090}.panel{display:flex;flex-direction:column;margin-right:40px;width:10vw}.tab-1{outline:none;background-color:transparent;color:#708090;border:none;border-left:3px solid #708090;font-size:18px;width:90%;height:50px;display:flex;align-items:center;justify-content:center;transition:.3s}.tab-1:hover{background-color:rgba(19,192,57,.1);transition:.5s;cursor:pointer}.tab-1:focus,.tab-1:hover{color:#ffbc48;border:none;border-left:3px solid #55f886}.img1{display:inline-block;position:absolute;width:10em;height:10em;top:15em;right:30em}#projects{display:flex;flex-direction:column;align-items:center;min-height:600px;margin-bottom:50px;container-type:inline-size}.proj-grid-holder{display:flex;justify-content:center}.project_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:15px;gap:15px;color:#fff}.project_card{background:#272d33;background-size:200%;width:100%;height:250px;border-radius:20px;padding:10px;position:relative;display:inline-block;transition:.5s;overflow:hidden}.pro_bg{height:128px;width:128px;background-color:#ffbc48;position:absolute;top:-60px;right:-60px;z-index:1;border-radius:50%;transition:.5s ease}.project_card:nth-child(2n) .pro_bg{background-color:#f85555}.project_card:nth-child(3n) .pro_bg{background-color:#55f886}.project_card:nth-child(4n) .pro_bg{background-color:#557bf8}.project_header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;margin-bottom:35px}.project_link{display:flex;margin-right:5px}.project_folder{display:block}.project_title{font-weight:bolder;text-align:center;overflow:hidden}.project_body,.project_title{position:relative;z-index:2}.project_card:hover .pro_bg{transform:scale(10);transition:.5s;overflow:hidden}.project_card:hover{transform:translateY(-5px);transition:.5s}.logo{display:flex;position:absolute;align-items:center;justify-content:center;right:400px;top:300px;width:200px;height:200px;animation:float 5s ease infinite;container-type:inline-size}@container (max-width:1500px){.logo{display:none}}@keyframes float{0%{transform:translateY(10px)}50%{transform:translateY(0)}to{transform:translateY(10px)}}.footer{font-size:12px;display:block;position:relative;text-align:center;width:100%;height:50px;padding:40px;background-color:#ffbc48}.orbit-container{display:flex;position:absolute;top:25px;right:200px;height:300px;width:300px;margin:100px;container-type:inline-size}@container (max-width:1500px){.orbit-container{display:none}}.center-circle{display:flex;position:relative;justify-content:center;align-items:center;font-size:20px;font-weight:900;height:100px;width:100px;top:150px;left:150px;border-radius:50%;background-color:#557bf8;z-index:4}.inner-orbit{display:inline-block;position:absolute;top:75px;left:75px;width:250px;height:250px;border:2px solid #557bf8;border-radius:100%;z-index:3;animation:spin-right 30s linear infinite;-webkit-animation:spin-right 30s linear infinite;-moz-animation:spin-right 30s linear infinite;-o-animation:spin-right 30s linear infinite;transition:.5s ease-in-out}.inner-orbit:hover{border:2px solid #f85555;transition:.5s ease-in-out}.middle-orbit{position:absolute;top:5px;right:-105px;width:400px;height:400px;border:2px solid #557bf8;border-radius:100%;z-index:2;animation:spin-right 35s linear infinite;-webkit-animation:spin-right 35s linear infinite;-moz-animation:spin-right 35s linear infinite;-o-animation:spin-right 35s linear infinite;transition:.5s ease-in-out}.middle-orbit:hover{border:2px solid #55f886;transition:.5s ease-in-out}.outer-orbit{display:inline-block;position:absolute;top:-90px;left:-90px;width:600px;height:600px;border:2px solid #557bf8;border-radius:100%;z-index:1;animation:spin-right 40s linear infinite;-webkit-animation:spin-right 40s linear infinite;-moz-animation:spin-right 40s linear infinite;-o-animation:spin-right 40s linear infinite;transition:.5s ease-in-out}.outer-orbit:hover{border:2px solid #ffbc48;transition:.5s ease-in-out}.inner-orbit-circle{display:flex;position:absolute;justify-content:center;align-items:center;top:62px;left:-20px;height:55px;width:55px;border-radius:50%;background-color:#557bf8;animation:rotate-right 35s linear infinite;-webkit-animation:rotate-right 35s linear infinite;-moz-animation:rotate-right 35s linear infinite;-o-animation:rotate-right 35s linear infinite}.middle-orbit-circle{top:62px;background-color:#fff}.middle-orbit span:nth-child(2),.middle-orbit-circle{display:flex;position:absolute;justify-content:center;align-items:center;height:60px;width:60px;border-radius:50%;animation:rotate-right 35s linear infinite;-webkit-animation:rotate-right 35s linear infinite;-moz-animation:rotate-right 35s linear infinite;-o-animation:rotate-right 35s linear infinite}.middle-orbit span:nth-child(2){top:120px;right:-20px;background-color:#4a437f}.middle-orbit span:nth-child(3){bottom:40px;left:20px;height:60px;width:60px;animation:rotate-right 35s linear infinite;-webkit-animation:rotate-right 35s linear infinite;-moz-animation:rotate-right 35s linear infinite;-o-animation:rotate-right 35s linear infinite}.middle-orbit span:nth-child(3),.outer-orbit-circle{display:flex;position:absolute;justify-content:center;align-items:center;border-radius:50%;background-color:#4a437f}.outer-orbit-circle{top:62px;left:60px;height:55px;width:55px;animation:rotate-right 40s linear infinite;-webkit-animation:rotate-right 40s linear infinite;-moz-animation:rotate-right 40s linear infinite;-o-animation:rotate-right 40s linear infinite}.outer-orbit span:nth-child(2){bottom:10px;left:130px;background-color:#4a437f}.outer-orbit span:nth-child(2),.outer-orbit span:nth-child(3){display:flex;position:absolute;justify-content:center;align-items:center;height:55px;width:55px;border-radius:50%;animation:rotate-right 40s linear infinite;-webkit-animation:rotate-right 40s linear infinite;-moz-animation:rotate-right 40s linear infinite;-o-animation:rotate-right 40s linear infinite}.outer-orbit span:nth-child(3){top:10px;right:120px;background-color:#fff}@keyframes spin-right{to{transform:rotate(1turn)}}@keyframes rotate-right{to{transform:rotate(-1turn)}}.grid_wrapper{justify-content:center}.grid_wrapper,.section_wrapper{display:flex;align-items:center}.section_wrapper{padding:10px;flex-direction:column}.wip_sec{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,600px));grid-gap:15px;gap:15px}.desc_container{position:relative;z-index:2;text-align:end;top:-300px;left:500px;container:element/inline-size}@container element (min-width:1630px){display:none}.description{height:140px;padding:10px;background-color:#272d33;color:#a8b2d1;z-index:2}.description,.section_img{border-radius:5px;position:relative}.section_img{z-index:1;width:100%;height:100%}@keyframes particle-animation-1{0%{opacity:.5}50%{transform:translate3d(1vw,82vh,51px)}to{opacity:.5}}.particle:first-child{animation:particle-animation-1 60s infinite;height:6px;width:6px;opacity:.01;animation-delay:-.2s;transition:1s ease;background:#5cd926;transform:translate3d(67vw,58vh,83px)}@keyframes particle-animation-2{0%{opacity:.5}50%{transform:translate3d(66vw,81vh,83px)}to{opacity:.5}}.particle:nth-child(2){animation:particle-animation-2 60s infinite;height:10px;width:10px;opacity:.05;animation-delay:-.4s;transition:1s ease;background:#26d9be;transform:translate3d(34vw,71vh,20px)}@keyframes particle-animation-3{0%{opacity:.5}50%{transform:translate3d(64vw,77vh,38px)}to{opacity:.5}}.particle:nth-child(3){animation:particle-animation-3 60s infinite;height:10px;width:10px;opacity:.89;animation-delay:-.6s;transition:1s ease;background:#c126d9;transform:translate3d(70vw,62vh,7px)}@keyframes particle-animation-4{0%{opacity:.5}50%{transform:translate3d(34vw,84vh,4px)}to{opacity:.5}}.particle:nth-child(4){animation:particle-animation-4 60s infinite;height:9px;width:9px;opacity:.96;animation-delay:-.8s;transition:1s ease;background:#d926d3;transform:translate3d(51vw,78vh,6px)}@keyframes particle-animation-5{0%{opacity:.5}50%{transform:translate3d(66vw,49vh,45px)}to{opacity:.5}}.particle:nth-child(5){animation:particle-animation-5 60s infinite;height:8px;width:8px;opacity:.43;animation-delay:-1s;transition:1s ease;background:#2635d9;transform:translate3d(11vw,78vh,91px)}@keyframes particle-animation-6{0%{opacity:.5}50%{transform:translate3d(78vw,13vh,76px)}to{opacity:.5}}.particle:nth-child(6){animation:particle-animation-6 60s infinite;height:8px;width:8px;opacity:.05;animation-delay:-1.2s;transition:1s ease;background:#d97a26;transform:translate3d(8vw,52vh,60px)}@keyframes particle-animation-7{0%{opacity:.5}50%{transform:translate3d(86vw,62vh,79px)}to{opacity:.5}}.particle:nth-child(7){animation:particle-animation-7 60s infinite;height:6px;width:6px;opacity:.72;animation-delay:-1.4s;transition:1s ease;background:#26d96e;transform:translate3d(57vw,66vh,4px)}@keyframes particle-animation-8{0%{opacity:.5}50%{transform:translate3d(55vw,34vh,44px)}to{opacity:.5}}.particle:nth-child(8){animation:particle-animation-8 60s infinite;height:8px;width:8px;opacity:.26;animation-delay:-1.6s;transition:1s ease;background:#9d26d9;transform:translate3d(22vw,48vh,85px)}@keyframes particle-animation-9{0%{opacity:.5}50%{transform:translate3d(75vw,22vh,35px)}to{opacity:.5}}.particle:nth-child(9){animation:particle-animation-9 60s infinite;height:10px;width:10px;opacity:.11;animation-delay:-1.8s;transition:1s ease;background:#d9267a;transform:translate3d(38vw,19vh,97px)}@keyframes particle-animation-10{0%{opacity:.5}50%{transform:translate3d(69vw,64vh,65px)}to{opacity:.5}}.particle:nth-child(10){animation:particle-animation-10 60s infinite;height:8px;width:8px;opacity:.45;animation-delay:-2s;transition:1s ease;background:#32d926;transform:translate3d(24vw,51vh,9px)}@keyframes particle-animation-11{0%{opacity:.5}50%{transform:translate3d(60vw,72vh,85px)}to{opacity:.5}}.particle:nth-child(11){animation:particle-animation-11 60s infinite;height:8px;width:8px;opacity:.63;animation-delay:-2.2s;transition:1s ease;background:#d95926;transform:translate3d(85vw,72vh,10px)}@keyframes particle-animation-12{0%{opacity:.5}50%{transform:translate3d(27vw,17vh,4px)}to{opacity:.5}}.particle:nth-child(12){animation:particle-animation-12 60s infinite;height:8px;width:8px;opacity:.64;animation-delay:-2.4s;transition:1s ease;background:#82d926;transform:translate3d(17vw,86vh,40px)}@keyframes particle-animation-13{0%{opacity:.5}50%{transform:translate3d(35vw,87vh,74px)}to{opacity:.5}}.particle:nth-child(13){animation:particle-animation-13 60s infinite;height:10px;width:10px;opacity:.61;animation-delay:-2.6s;transition:1s ease;background:#b226d9;transform:translate3d(85vw,33vh,99px)}@keyframes particle-animation-14{0%{opacity:.5}50%{transform:translate3d(55vw,56vh,11px)}to{opacity:.5}}.particle:nth-child(14){animation:particle-animation-14 60s infinite;height:7px;width:7px;opacity:.61;animation-delay:-2.8s;transition:1s ease;background:#8826d9;transform:translate3d(2vw,60vh,9px)}@keyframes particle-animation-15{0%{opacity:.5}50%{transform:translate3d(39vw,81vh,4px)}to{opacity:.5}}.particle:nth-child(15){animation:particle-animation-15 60s infinite;height:6px;width:6px;opacity:.44;animation-delay:-3s;transition:1s ease;background:#26d971;transform:translate3d(70vw,47vh,24px)}@keyframes particle-animation-16{0%{opacity:.5}50%{transform:translate3d(29vw,39vh,75px)}to{opacity:.5}}.particle:nth-child(16){animation:particle-animation-16 60s infinite;height:10px;width:10px;opacity:.45;animation-delay:-3.2s;transition:1s ease;background:#d97d26;transform:translate3d(11vw,27vh,88px)}@keyframes particle-animation-17{0%{opacity:.5}50%{transform:translate3d(50vw,85vh,21px)}to{opacity:.5}}.particle:nth-child(17){animation:particle-animation-17 60s infinite;height:6px;width:6px;opacity:.15;animation-delay:-3.4s;transition:1s ease;background:#d9c126;transform:translate3d(39vw,80vh,25px)}@keyframes particle-animation-18{0%{opacity:.5}50%{transform:translate3d(4vw,38vh,59px)}to{opacity:.5}}.particle:nth-child(18){animation:particle-animation-18 60s infinite;height:6px;width:6px;opacity:.92;animation-delay:-3.6s;transition:1s ease;background:#d92671;transform:translate3d(83vw,23vh,22px)}@keyframes particle-animation-19{0%{opacity:.5}50%{transform:translate3d(62vw,87vh,53px)}to{opacity:.5}}.particle:nth-child(19){animation:particle-animation-19 60s infinite;height:9px;width:9px;opacity:.94;animation-delay:-3.8s;transition:1s ease;background:#d9b826;transform:translate3d(6vw,28vh,94px)}@keyframes particle-animation-20{0%{opacity:.5}50%{transform:translate3d(85vw,38vh,37px)}to{opacity:.5}}.particle:nth-child(20){animation:particle-animation-20 60s infinite;height:6px;width:6px;opacity:.15;animation-delay:-4s;transition:1s ease;background:#262fd9;transform:translate3d(65vw,75vh,76px)}@keyframes particle-animation-21{0%{opacity:.5}50%{transform:translate3d(79vw,55vh,57px)}to{opacity:.5}}.particle:nth-child(21){animation:particle-animation-21 60s infinite;height:7px;width:7px;opacity:.73;animation-delay:-4.2s;transition:1s ease;background:#d92694;transform:translate3d(49vw,27vh,90px)}@keyframes particle-animation-22{0%{opacity:.5}50%{transform:translate3d(61vw,70vh,58px)}to{opacity:.5}}.particle:nth-child(22){animation:particle-animation-22 60s infinite;height:10px;width:10px;opacity:.44;animation-delay:-4.4s;transition:1s ease;background:#26d98e;transform:translate3d(7vw,80vh,88px)}@keyframes particle-animation-23{0%{opacity:.5}50%{transform:translate3d(43vw,45vh,51px)}to{opacity:.5}}.particle:nth-child(23){animation:particle-animation-23 60s infinite;height:10px;width:10px;opacity:.86;animation-delay:-4.6s;transition:1s ease;background:#d92662;transform:translate3d(6vw,57vh,15px)}@keyframes particle-animation-24{0%{opacity:.5}50%{transform:translate3d(49vw,85vh,55px)}to{opacity:.5}}.particle:nth-child(24){animation:particle-animation-24 60s infinite;height:10px;width:10px;opacity:.12;animation-delay:-4.8s;transition:1s ease;background:#b2d926;transform:translate3d(12vw,55vh,52px)}@keyframes particle-animation-25{0%{opacity:.5}50%{transform:translate3d(80vw,46vh,90px)}to{opacity:.5}}.particle:nth-child(25){animation:particle-animation-25 60s infinite;height:6px;width:6px;opacity:.83;animation-delay:-5s;transition:1s ease;background:#26a0d9;transform:translate3d(22vw,7vh,63px)}@keyframes particle-animation-26{0%{opacity:.5}50%{transform:translate3d(56vw,36vh,99px)}to{opacity:.5}}.particle:nth-child(26){animation:particle-animation-26 60s infinite;height:9px;width:9px;opacity:.82;animation-delay:-5.2s;transition:1s ease;background:#7dd926;transform:translate3d(37vw,22vh,78px)}@keyframes particle-animation-27{0%{opacity:.5}50%{transform:translate3d(79vw,32vh,86px)}to{opacity:.5}}.particle:nth-child(27){animation:particle-animation-27 60s infinite;height:6px;width:6px;opacity:.99;animation-delay:-5.4s;transition:1s ease;background:#8026d9;transform:translate3d(18vw,17vh,45px)}@keyframes particle-animation-28{0%{opacity:.5}50%{transform:translate3d(51vw,27vh,19px)}to{opacity:.5}}.particle:nth-child(28){animation:particle-animation-28 60s infinite;height:7px;width:7px;opacity:.74;animation-delay:-5.6s;transition:1s ease;background:#26cad9;transform:translate3d(12vw,24vh,16px)}@keyframes particle-animation-29{0%{opacity:.5}50%{transform:translate3d(74vw,37vh,76px)}to{opacity:.5}}.particle:nth-child(29){animation:particle-animation-29 60s infinite;height:6px;width:6px;opacity:.01;animation-delay:-5.8s;transition:1s ease;background:#6ed926;transform:translate3d(19vw,69vh,6px)}@keyframes particle-animation-30{0%{opacity:.5}50%{transform:translate3d(77vw,57vh,9px)}to{opacity:.5}}.particle:nth-child(30){animation:particle-animation-30 60s infinite;height:8px;width:8px;opacity:.01;animation-delay:-6s;transition:1s ease;background:#26d974;transform:translate3d(85vw,73vh,31px)}.particle{position:absolute;border-radius:50%;animation:particle-animation 5s infinite;height:9px;width:9px;opacity:.38;animation-delay:.2s;background:#a0d926;transform:translate3d(72vw,12vh,36px)}