@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);@font-face{font-family:"8BitOperator";font-style:normal;font-weight:400;src:url(/static/media/8bitOperator.325b9b8522af8a950cb3.ttf) format("truetype")}@font-face{font-family:Robot9000;font-style:normal;font-weight:400;src:url(/static/media/Robot9000.ee95fadeccfe3d19fc58.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:#000;font-family:Rubik,sans-serif}p{margin:0}*{scrollbar-color:#8ffffe #000;scrollbar-width:thin}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background-color:#8ffffe;border:1px solid #fff;border-radius:18px}.div-container{height:100vh;width:100%}.div-container,.intro-container{align-items:center;display:flex;justify-content:center}.intro-container{width:90%}.header-container{align-items:center;display:flex;gap:20px;margin-bottom:20px}.header-title{color:#fff;font-size:30px}.header-divider{background:#fff;height:2px;width:200px}.extension-container{height:20vh}.social-btn{--border-color:linear-gradient(-45deg,#ffae00,#7e03aa,#00fffb);--border-width:0.125em;--curve-size:0.5em;--blur:30px;--bg:#080312;--color:#afffff;align-items:center;border:0;box-shadow:10px 10px 20px #0009;-webkit-clip-path:polygon(0 var(--curve-size),var(--curve-size) 0,100% 0,100% calc(100% - var(--curve-size)),calc(100% - var(--curve-size)) 100%,0 100%);clip-path:polygon(0 var(--curve-size),var(--curve-size) 0,100% 0,100% calc(100% - var(--curve-size)),calc(100% - var(--curve-size)) 100%,0 100%);color:var(--color);cursor:pointer;display:inline-grid;display:flex;font-size:17px;gap:10px;isolation:isolate;padding:.5em 1.5em;place-content:center;justify-content:center;position:relative;text-transform:uppercase;transition:color .25s;width:360px}.social-btn:after,.social-btn:before{content:"";inset:0;position:absolute}.social-btn:before{animation:move-bg7234 5s ease infinite;background:var(--border-color);background-size:300% 300%;z-index:-2}@keyframes move-bg7234{0%{background-position:31% 0}50%{background-position:70% 100%}to{background-position:31% 0}}.social-btn:after{background:var(--bg);-webkit-clip-path:polygon(var(--border-width) calc(var(--curve-size) + var(--border-width)*.5),calc(var(--curve-size) + var(--border-width)*.5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - var(--curve-size) - var(--border-width)*.5),calc(100% - var(--curve-size) - var(--border-width)*.5) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));clip-path:polygon(var(--border-width) calc(var(--curve-size) + var(--border-width)*.5),calc(var(--curve-size) + var(--border-width)*.5) var(--border-width),calc(100% - var(--border-width)) var(--border-width),calc(100% - var(--border-width)) calc(100% - var(--curve-size) - var(--border-width)*.5),calc(100% - var(--curve-size) - var(--border-width)*.5) calc(100% - var(--border-width)),var(--border-width) calc(100% - var(--border-width)));transition:-webkit-clip-path .5s;transition:clip-path .5s;transition:clip-path .5s,-webkit-clip-path .5s;z-index:-1}.intro-content{width:45%}.intro-text{color:#fff;font-size:23px;margin-top:20px}.intro-social-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.intro-bg{width:55%}.typing-demo{animation:typing 2s steps(22),blink .5s step-end infinite alternate;border-right:3px solid;color:#fff;font-family:Robot9000;font-size:1.5em;overflow:hidden;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}.skill-container{margin-top:30px}.skill-header{color:#fff}.indiv-skill-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.skill-card{align-items:center;background:#468b98;border-radius:5px;color:#fff;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:15px 0;width:130px}.skill-card img{height:40px}.tab-indiv-container p{color:#fff;font-size:20px;padding:15px 0 15px 30px}.active-tab,.tab-indiv-container:hover{background:#29464b;color:#468b98}.active-tab p{color:#468b98}.tab-list{align-items:center;color:#fff;display:flex;font-size:18px;gap:7px;padding:0 0 20px}.tab-menu{border-left:1px solid #fff;display:flex;flex-direction:column}.tab-container{align-items:flex-start;display:flex;justify-content:flex-start;width:100%}.tab-mobile-menu{border-bottom:1px solid #fff;display:flex;flex-direction:row;justify-content:space-between;overflow-x:scroll;width:100%}.ending-gradient{background:#031a22;background:linear-gradient(180deg,#000,#468b98)}.ending-message{color:#fff;font-size:18px;margin-top:20px;max-width:400px;text-align:center}@font-face{font-family:VigranMaroll;font-style:normal;font-weight:400;src:url(/static/media/VigranMaroll.a0c195415e060db762a2.otf) format("opentype")}.project-banner-container{background:#ffe3e5;border-radius:10px;height:500px;position:relative;width:100%}.project-banner-container-img{border-radius:10px;height:100%;width:100%}.project-banner-container-black{background:#0006;height:100%;position:absolute;right:0;top:0;width:100%}.project-banner-div{border-radius:10px;height:100%;left:0;padding:50px;position:absolute;top:0;width:50%}.project-banner-header{color:#fff;font-size:40px}.project-banner-desc{color:#fff;font-size:25px;margin-top:20px}.project-page-container{align-items:flex-start;display:flex;flex-direction:row;margin-top:100px;width:100%}.project-page-img{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:50%}.project-page-description{width:50%}.project-page-description-text{color:#fff;font-size:22px}@media only screen and (max-width:768px){.header-title{font-size:20px}.tab-indiv-container p{font-size:17px}.ending-message,.tab-list{font-size:15px}.header-divider{width:100px}}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{margin:0 auto;max-width:1170px;padding:2em 0;position:relative;width:95%}.vertical-timeline:after{clear:both;content:"";display:table}.vertical-timeline:before{background:var(--line-color);content:"";height:100%;left:18px;position:absolute;top:0;width:4px}.vertical-timeline.vertical-timeline--one-column-right:before{left:auto;right:18px}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{clear:both;content:"";display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;box-shadow:0 0 0 4px #fff,inset 0 2px 0 #00000014,0 3px 0 4px #0000000d;height:40px;left:0;position:absolute;top:0;width:40px}.vertical-timeline--one-column-right .vertical-timeline-element-icon{left:auto;right:0}.vertical-timeline-element-icon svg{display:block;height:24px;left:50%;margin-left:-12px;margin-top:-12px;position:relative;top:50%;width:24px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{height:60px;left:50%;margin-left:-30px;width:60px}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s;visibility:visible}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd;margin-left:60px;padding:1em;position:relative}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-left:0;margin-right:60px}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{clear:both;content:"";display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{line-height:1.6;margin:1em 0 0}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{border:7px solid #0000;border-right-color:#fff;content:"";height:0;position:absolute;right:100%;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{border:7px solid #0000;border-left-color:#fff;content:"";height:0;left:100%;position:absolute;right:auto;top:16px;width:0}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:initial;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{left:100%;top:24px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{font-size:16px;font-size:1rem;left:124%;position:absolute;top:6px;width:100%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:auto;right:100%;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{left:100%;right:auto;top:24px;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s;visibility:visible}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s;visibility:visible}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.project-card-container{display:flex;flex-wrap:wrap;gap:20px}.project-card{background:#468b98;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;padding:15px;width:310px}#project-card-div:hover{transform:translateY(-20px)}.project-card-img{background:#4169e1;border-radius:10px;height:170px;width:100%}.project-card-title{color:#fff;margin-top:20px}.project-card-description{color:#fff;margin-top:10px}.project-card-skill-list{align-items:center;color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;gap:7px;margin-top:20px}:root{--accent-color:#8ffffe;--main-transition:all 0.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}.container{padding:0 20px;width:100%}.nav{background-color:rgba(0,0,0,.555);left:0;position:fixed;right:0;text-transform:uppercase;top:0;z-index:2}.nav,.nav .container{transition:all .3s ease-in-out;transition:var(--main-transition)}.nav .container{justify-content:space-between;padding:15px 0}.nav .container,.nav ul{align-items:center;display:flex}.nav ul{justify-content:center;list-style-type:none}.nav a{color:#fff;font-weight:600;padding:7px 15px;position:relative;text-decoration:none;transition:all .3s ease-in-out;transition:var(--main-transition)}.nav *{font-size:16px;letter-spacing:.1rem}.nav a.current,.nav a:hover{color:#8ffffe;color:var(--accent-color)}.nav a.current{font-weight:600}.nav.active{background-color:#fff;box-shadow:0 2px 10px #0000004d}.nav.active a{color:#000}.nav.active a.current:before{opacity:0}.nav.active .container{padding:20px 0}i{margin:0 10px}.navbar-logo{height:120px;margin-left:20px;width:120px}@media (max-width:700px){.nav .container{display:flex;flex-direction:column}.nav .logo{display:none}}.mobile-nav-div{background:#000c;height:70px;position:fixed;width:100%;z-index:2}.mobile-nav-container{cursor:pointer;height:20px;position:fixed;right:5%;top:5%;width:30px;z-index:2}.mobile-nav-bars{background:#fff;height:4px;width:30px}.mobile-nav-bars:after,.mobile-nav-bars:before{background:#fff;content:"";height:4px;position:absolute;width:30px}.mobile-nav-bars:before{margin-top:9px}.mobile-nav-bars:after{margin-top:18px}.mobile-nav{align-items:center;background:#000;display:flex;height:30px;justify-content:center;position:fixed;width:100%;z-index:2}.mobile-nav ul{list-style:none}.mobile-nav ul li{margin:50px 0}.mobile-nav ul li a{color:#fafafa;font-size:2em;font-weight:500;opacity:0;pointer-events:none;position:relative;text-decoration:none}.mobile-nav ul li a:after{background:#8ffffe;border-radius:5px;bottom:-10px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s ease;width:100%}.mobile-nav ul li a:hover:after{transform:scaleX(1)}.mobile-nav ul li a:hover{color:#8ffffe}.mobile-nav .mobile-nav-close{cursor:pointer;height:30px;right:5%;top:6%;width:30px}.mobile-nav .mobile-nav-close,.mobile-nav h2{opacity:0;pointer-events:none;position:absolute}.mobile-nav h2{color:#fff;font-size:2em;left:5%;top:5%}.mobile-nav .mobile-nav-close div:after,.mobile-nav .mobile-nav-close div:before{background:#fff;content:"";height:4px;position:absolute;transition:background .5s ease;width:30px}.mobile-nav .mobile-nav-close div:before{transform:rotate(-45deg)}.mobile-nav .mobile-nav-close div:after{transform:rotate(45deg)}.mobile-nav .mobile-nav-close:hover div:after,.mobile-nav .mobile-nav-close:hover div:before{background:#8ffffe}
/*# sourceMappingURL=main.499b00a8.css.map*/