@import"https://fonts.googleapis.com/css2?family=Maven+Pro:wght@600;700&family=Poppins:wght@300&display=swap";nav{position:fixed;display:flex;flex-direction:row-reverse;transform:rotate(-90deg) translate3d(-50%,0,0);top:15%;left:-6.5rem}nav a{margin-right:20px;text-decoration:none;color:#575757}nav a:hover{margin-right:20px;text-decoration:none;color:#ec704c}nav a.active{color:#ec704c}.about-content{font-family:Poppins,sans-serif}.contact{display:flex;width:80%;justify-content:left;flex-direction:column}.contact h1{margin:0}.contact_title{margin-top:5vh;text-align:left;text-transform:uppercase;font-weight:lighter}.contact_info{width:30vw;margin-right:5vw}.contact_info-item{background-color:#262626;margin:2em;padding:2vw;border-radius:10px}._form_wrapper{display:flex;border-radius:16px;box-shadow:0 4px 30px #0000001a;width:28em;height:28em;padding:2em;margin:0 12vw}.submit-btn{margin-right:20px;text-decoration:none;color:#fff;background-color:#0a0a0a;padding:10px;border-radius:10px}.submit-btn:hover{margin-right:20px;text-decoration:none;background-color:#ec704c}.contact_msg{font-size:4rem;margin:5rem}@media (max-width: 1024px){._form_wrapper{width:300px;height:auto;margin-left:4em;margin-right:4em;padding:2em}}@media (max-width: 960px){.contact-media,.contact{width:70%;margin-left:5vw;margin-right:2vw;margin-bottom:7em;flex-direction:column}.contact_info{width:100%;margin-right:0}.contact-form{display:flex;flex-direction:column}.contact_info-item{width:100%;margin-right:0}._form_wrapper{width:100%;margin-left:0;margin-right:0;padding:2em}.contact{flex-direction:column}}h1{margin:0}body{--black: #121216 ;--ash-black: #222;--white: #fafafa;--sky: #90c5d2;--green: #22dddd;--blue: #1300ff;--dusk: #6600ff;--purple: #9900ff;--pink: #ff0066;--red: #fe0222;--orange: #fd7702;--yellow: #ffbb00;--background: var(--black);--accent: var(--white);margin:0;padding:0;background-color:var(--background);color:var(--accent)}*{font-family:sofia-pro,sans-serif;font-weight:400;font-style:normal;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:sofia-pro,sans-serif;font-weight:600;font-style:normal}h1{font-size:36px;font-weight:700;letter-spacing:-1px;line-height:1.2;text-align:center;margin:100px 0 40px}h2{font-weight:400;margin:50px 0 10px}p{margin:0 0 30px;font-size:18px}footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:flex-start;align-items:center;padding:20px;background-image:radial-gradient(rgba(0,0,0,0) 1px,var(--background) 1px);background-size:4px 4px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-moz-backdrop-filter:blur(3px);font-size:14px;line-height:14px}footer:before{display:block;content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--accent);opacity:.2}footer svg{margin-right:20px}footer a{text-decoration:none;color:var(--accent)}code{font-family:input-mono,monospace;font-weight:400;font-style:normal}::-webkit-scrollbar{height:5px;width:5px;background:var(--background)}::-webkit-scrollbar-thumb{background:var(--accent);-webkit-border-radius:1ex}::-webkit-scrollbar-corner{background:var(--background)}html{scroll-snap-type:y mandatory}h1{font-size:56px;font-weight:700;letter-spacing:-3px;line-height:1.2;text-align:center;margin:100px 0}h2{margin:0;color:var(--accent);left:calc(50% + 130px);font-size:56px;font-weight:700;letter-spacing:-3px;line-height:1.2;position:absolute}section{height:100vh;display:flex;justify-content:center;align-items:center;position:relative;scroll-snap-align:center;perspective:500px}section>div{width:300px;height:400px;position:relative;max-height:90vh;margin:20px;background:var(--white);overflow:hidden}img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.progress{position:fixed;left:0;right:0;height:5px;background:var(--accent);bottom:100px}body{--background: var(--purple);--accent: var(--white);margin:0;padding:0;color:var(--accent)}.skill-card{width:7em;height:7em;background-color:#ffebcd;color:#fff;box-shadow:inset;border-radius:16px}.skill-card img{padding:1em;position:relative}.parallax{overflow:hidden;letter-spacing:-2px;line-height:.8;margin:0;white-space:nowrap;display:flex;flex-wrap:nowrap}.parallax .scroller{font-weight:600;text-transform:uppercase;font-size:64px;white-space:nowrap;display:flex;flex-wrap:nowrap;padding:2.5rem;cursor:grab}.parallax span{display:block;margin-right:30px}.header{padding:4rem 2vw;margin:0 10rem 0 2rem}.header .header-title{position:relative;font-size:1.5rem;font-weight:600;text-transform:uppercase;text-align:left}.header .header-title:after{content:"";position:absolute;left:0;bottom:-15px;background:linear-gradient(to right,#00b4db,#0083b0);width:150px;height:5px;border-radius:1rem}.container{display:flex;justify-content:space-between;align-items:center;padding:0 5rem;margin:0 20rem}.card{position:relative;height:20em;width:25em;box-shadow:0 0 1.5rem #00000040;border-radius:5px;margin:1em;display:flex;scroll-behavior:smooth;margin:0 1rem}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;transition:all .25s ease;z-index:1;border-radius:5px}.card .card-content{display:flex;height:100%;width:100%;padding:1.5rem;justify-content:center;align-items:center;flex-direction:column;z-index:1;color:#fff;transition:background-color .25s ease,opacity .25s ease;opacity:0;border-radius:5px}.card .card-content .title{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.card .card-content p{text-align:center;font-weight:200}.card .card-content a{text-align:center;color:#fff;text-decoration:none;font-size:1.2rem;margin-bottom:0rem;font-weight:300}.card .card-content a:hover{color:#00b4db}.card:hover:after{transform:scale(1.2)}.card:hover .card-content{opacity:1;background-color:#00000080;backdrop-filter:blur(8px)}.project-hover-box{flex-direction:row;display:flex;width:100vw;overflow-x:scroll}.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:rgba(0,0,0,.5);position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#ffffff;box-shadow:0 12px 15px #00000040;margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-overlay,.react-responsive-modal-container,.react-responsive-modal-modal{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(1);opacity:1}to{transform:scale(.96);opacity:0}}.customModal{width:100%;height:100%;background:rgba(52,61,65,.75);color:#fff;padding:5rem}.customOverlay{background:rgba(36,123,160,.5)}.caption-div{display:flex;flex-direction:column;flex-wrap:wrap;margin:10vw 0em 0 15vw}.caption-font,.span-font{display:flex;align-items:left;text-align:left;flex-direction:column;font-size:70px;font-weight:700;opacity:1;color:#fff;font-family:Maven Pro,sans-serif;text-transform:uppercase}.caption-font{color:red}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@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{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.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{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 3px 0 4px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-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)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.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{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{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{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(even):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(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;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(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;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(even):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{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@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(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-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{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(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)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}*{font-family:Maven Pro,sans-serif;margin:0;padding:0;border:0;outline:0;box-sizing:border-box}::-moz-selection{background:#00bfbf;color:#fafafa;text-shadow:none}::selection{background:#00bfbf;color:#fafafa;text-shadow:none}::-webkit-scrollbar{width:0px;background:transparent}html{overflow:scroll;overflow-x:hidden;font-size:16px;scroll-behavior:smooth}body{transition:all .5s ease}p{margin-block-start:.5em;margin-block-end:.5em}