:root{--special-font: "Space Grotesk";--main-font: "Fira Code";--content-font: "Open Sans";--desktop-title-size: 7rem;--mobile-title-size: 60px;--desktop-subtitle-size: 3.5rem;--mobile-subtitle-size: 2rem;--dark1: #4c4c4e;--dark2: #38383a;--dark3: #29292b;--dark4: #18181a;--dark5: #0c0c0f;--accent1: #ffba08;--accent2: #faa307;--accent3: #f48c06;--accent4: #e85d04;--accent5: #dc2f02;--clear1: #f8f9fa;--clear2: #e9ecef;--clear3: #dee2e6;--clear4: #ced4da;--clear5: #adb5bd}*{margin:0;padding:0}html,body,#master-section{width:100%;height:100%;margin:0;padding:0;background:var(--dark5)}body::-webkit-scrollbar{display:none}.example{-ms-overflow-style:none;scrollbar-width:none}#welcome-section{margin:0 auto;width:100%;height:100vh}.center-items{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.shadow{box-shadow:inset -4px -4px 4px var(--accent1)}.shadow:hover{box-shadow:inset -4px -4px 4px var(--accent4);transition:.3s}@media (max-width: 735px){#welcome-section{margin:0 auto;width:100%;height:100vh}}.particle{position:absolute;border-radius:50%}@keyframes particle-animation-1{to{transform:translate3d(86vw,37vh,41px)}}.particle:nth-child(1){z-index:0;overflow:hidden;animation:particle-animation-1 60s ease-out infinite;opacity:.35;height:8px;width:8px;animation-delay:-.2s;transform:translate3d(42vw,40vh,78px);background:var(--accent1)}@keyframes particle-animation-2{to{transform:translate3d(13vw,40vh,68px)}}.particle:nth-child(2){z-index:0;overflow:hidden;animation:particle-animation-2 60s ease-out infinite;opacity:.27;height:6px;width:6px;animation-delay:-.4s;transform:translate3d(21vw,61vh,59px);background:var(--accent1)}@keyframes particle-animation-3{to{transform:translate3d(80vw,20vh,19px)}}.particle:nth-child(3){z-index:0;overflow:hidden;animation:particle-animation-3 60s ease-out infinite;opacity:.29;height:8px;width:8px;animation-delay:-.6s;transform:translate3d(69vw,74vh,19px);background:var(--accent1)}@keyframes particle-animation-4{to{transform:translate3d(90vw,32vh,45px)}}.particle:nth-child(4){z-index:0;overflow:hidden;animation:particle-animation-4 60s ease-out infinite;opacity:.63;height:6px;width:6px;animation-delay:-.8s;transform:translate3d(5vw,30vh,39px);background:var(--accent1)}@keyframes particle-animation-5{to{transform:translate3d(55vw,52vh,43px)}}.particle:nth-child(5){z-index:0;overflow:hidden;animation:particle-animation-5 60s ease-out infinite;opacity:1;height:7px;width:7px;animation-delay:-1s;transform:translate3d(1vw,16vh,3px);background:var(--accent1)}@keyframes particle-animation-6{to{transform:translate3d(21vw,75vh,96px)}}.particle:nth-child(6){z-index:0;overflow:hidden;animation:particle-animation-6 60s ease-out infinite;opacity:.81;height:8px;width:8px;animation-delay:-1.2s;transform:translate3d(75vw,32vh,30px);background:var(--accent1)}@keyframes particle-animation-7{to{transform:translate3d(17vw,72vh,36px)}}.particle:nth-child(7){z-index:0;overflow:hidden;animation:particle-animation-7 60s ease-out infinite;opacity:.52;height:6px;width:6px;animation-delay:-1.4s;transform:translate3d(79vw,22vh,60px);background:var(--accent1)}@keyframes particle-animation-8{to{transform:translate3d(70vw,46vh,28px)}}.particle:nth-child(8){z-index:0;overflow:hidden;animation:particle-animation-8 60s ease-out infinite;opacity:.66;height:10px;width:10px;animation-delay:-1.6s;transform:translate3d(21vw,19vh,47px);background:var(--accent1)}@keyframes particle-animation-9{to{transform:translate3d(86vw,7vh,21px)}}.particle:nth-child(9){z-index:0;overflow:hidden;animation:particle-animation-9 60s ease-out infinite;opacity:.07;height:9px;width:9px;animation-delay:-1.8s;transform:translate3d(88vw,24vh,1px);background:var(--accent1)}@keyframes particle-animation-10{to{transform:translate3d(28vw,79vh,19px)}}.particle:nth-child(10){z-index:0;overflow:hidden;animation:particle-animation-10 60s ease-out infinite;opacity:.49;height:8px;width:8px;animation-delay:-2s;transform:translate3d(59vw,23vh,23px);background:var(--accent1)}@keyframes particle-animation-11{to{transform:translate3d(84vw,68vh,11px)}}.particle:nth-child(11){z-index:0;overflow:hidden;animation:particle-animation-11 60s ease-out infinite;opacity:.91;height:10px;width:10px;animation-delay:-2.2s;transform:translate3d(68vw,17vh,60px);background:var(--accent1)}@keyframes particle-animation-12{to{transform:translate3d(21vw,24vh,56px)}}.particle:nth-child(12){z-index:0;overflow:hidden;animation:particle-animation-12 60s ease-out infinite;opacity:.26;height:9px;width:9px;animation-delay:-2.4s;transform:translate3d(34vw,31vh,93px);background:var(--accent1)}@keyframes particle-animation-13{to{transform:translate3d(50vw,63vh,93px)}}.particle:nth-child(13){z-index:0;overflow:hidden;animation:particle-animation-13 60s ease-out infinite;opacity:.03;height:9px;width:9px;animation-delay:-2.6s;transform:translate3d(84vw,38vh,40px);background:var(--accent1)}@keyframes particle-animation-14{to{transform:translate3d(81vw,90vh,80px)}}.particle:nth-child(14){z-index:0;overflow:hidden;animation:particle-animation-14 60s ease-out infinite;opacity:.02;height:10px;width:10px;animation-delay:-2.8s;transform:translate3d(62vw,80vh,4px);background:var(--accent1)}@keyframes particle-animation-15{to{transform:translate3d(61vw,69vh,49px)}}.particle:nth-child(15){z-index:0;overflow:hidden;animation:particle-animation-15 60s ease-out infinite;opacity:.91;height:6px;width:6px;animation-delay:-3s;transform:translate3d(22vw,8vh,47px);background:var(--accent1)}.navbar-container{margin:0 auto;font-family:var(--special-font);display:flex;justify-content:center;align-items:center}.navbar{width:1600px;height:60px;background-color:var(--dark3);display:flex;justify-content:flex-end;align-items:center;margin:30px 10px 10px;border-radius:50px}.links-container{height:100%;width:100%;display:flex;flex-direction:row;align-items:center}nav a{height:100%;padding:0 20px;display:flex;align-items:center;text-decoration:none;color:var(--accent1);font-size:20px;font-weight:600}nav a:hover{color:var(--accent3)}nav .home-link{margin-right:auto}nav .open-sidebar-button svg{fill:var(--accent3)}nav .close-sidebar-button svg{fill:var(--accent3)}#sidebar-active,.open-sidebar-button,.close-sidebar-button{display:none}@media (max-width: 735px){.navbar{width:100%;height:40px}.links-container{width:100%;top:-99%;right:0;margin-right:0;flex-direction:column;align-items:flex-end;position:fixed;z-index:10;background-color:var(--dark5);transition:.5s ease-out}nav a{box-sizing:border-box;height:10%;width:100%;padding-left:70px;margin-bottom:20px;justify-content:flex-start;color:var(--accent1);font-family:var(--main-font);font-size:2em}nav a:hover{color:var(--accent3);font-weight:600}.open-sidebar-button,.close-sidebar-button{display:block;padding:0 20px}.close-sidebar-button{margin-right:10px;margin-top:38px}#sidebar-active:checked~.links-container{top:0}#sidebar-active:checked~#overlay{background:transparent;height:auto;width:100%;position:fixed;top:0;left:0;right:0;z-index:9}}.title-container{font-family:var(--special-font);width:100%;height:110px;position:relative;margin:100px auto 150px;filter:url(#threshold) blur(.6px)}#text1,#text2{position:absolute;width:100%;display:inline-block;font-family:var(--special-font);font-size:var(--desktop-title-size);color:var(--accent2);text-align:center;-webkit-user-select:none;user-select:none}@media (max-width: 735px){.title-container{margin-top:70px;margin-bottom:60px}#text1,#text2{margin-top:0;font-size:var(--mobile-title-size)}}@media (min-width: 736px){#text1:hover,#text2:hover{color:var(--accent3)}}.subtitle-container{position:relative;width:100%;margin:0;text-align:left;bottom:0}.subtitle{margin:12rem;font-size:var(--desktop-subtitle-size);font-family:var(--main-font);color:var(--clear5);margin-bottom:0}@media (max-width: 735px){.subtitle-container{position:relative;width:100%;margin:0 0 50px}.subtitle{margin:0 50px 50px;font-size:var(--mobile-subtitle-size)}}.scroll-indicator{width:200px;height:200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.scroll-indicator span{display:block;width:50px;height:50px;border-bottom:5px solid var(--accent1);border-right:5px solid var(--accent1);transform:rotate(45deg);margin:-5px;animation:scroll 2s infinite}@media (max-width: 735px){.scroll-indicator{width:120px;height:120px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.scroll-indicator span{display:block;width:30px;height:30px;border-bottom:3px solid var(--accent1);border-right:3px solid var(--accent1);transform:rotate(-135deg);margin:-5px;animation:scroll 2s infinite}}.scroll-indicator span:nth-child(2){animation-delay:-.1s}.scroll-indicator span:nth-child(3){animation-delay:-.2s}@keyframes scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}