:root{font-size:16px;--text-primary: #b6b6b6;--text-secondary: #ececec;--bg-primary: #23232e;--bg-secondary: #141418;--dark-color-a: #2C3144;--dark-color-b: rgb(29, 33, 49);--light-color: #e6e9ff;--success-color: #5cb85c;--error-color: #d9534f;--transition-speed: .6s}body{color:#000;height:100vh;font-family:monospace;font-weight:600;font-size:16px;background:var(--dark-color-a);margin:0;padding:0;background-attachment:fixed}*{box-sizing:border-box;margin:0;padding:0}body::-webkit-scrollbar{width:.25rem}body::-webkit-scrollbar-track{background:#1e1e24}body::-webkit-scrollbar-thumb{background:#6649b8}.cart-btn{background-color:#faebd7}.btn{cursor:pointer;padding:5px 15px;background:var(--light-color);color:var(--dark-color-a);border:0;font-size:17px;transition:all .5s}.btn:hover{background:var(--dark-color-a);color:var(--light-color);border:1px solid var(--light-color);transition:all .5s}.dark{--text-primary: #b6b6b6;--text-secondary: #ececec;--bg-primary: #23232e;--bg-secondary: #141418}.light{--text-primary: #1f1f1f;--text-secondary: #000000;--bg-primary: #ffffff;--bg-secondary: #e4e4e4}.solar{--text-primary: #576e75;--text-secondary: #35535c;--bg-primary: #fdf6e3;--bg-secondary: #f5e5b8}.theme-icon{display:none}.dark #darkIcon,.light #lightIcon,.solar #solarIcon{display:block}main{position:relative;height:100%;margin-left:260px;margin-right:0}main .title{color:var(--light-color);width:fit-content;background-color:#00000080;margin:1em auto;line-height:2.5rem;font-size:1.5em;padding:.5em;border-radius:.3em;border:2px solid black;font-weight:bolder}main .sub-title{color:var(--light-color);font-style:italic;font-family:monospace;padding:.5em 1em;text-align:center;margin:0 auto}.flex-container{display:flex;flex-direction:row;flex-wrap:wrap}.flex-container .main-text{font-size:1.5em;color:var(--text-primary);width:60%;margin:auto}.icon svg{position:relative;fill:var(--dark-color-a)}button{color:#000;text-transform:uppercase;width:130px;height:40px;font-weight:600;letter-spacing:2px;border:1px solid #000;padding:1em auto;margin:0 auto;transition:all .5s}button:hover{background-color:#98fb98;color:var(--bg-primary);box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;transition:all .5s}button:focus{outline:none}.resume-content{color:#23232e;text-align:left;font-family:inherit}.resume-title{font-size:1.8rem;color:#008b8b}.resume-content .resume-date{font-size:1rem;line-height:1.9rem;color:#2e6e81;font-style:italic}.resume-content .resume-techs,a{color:#008b8b;font-weight:700;line-height:2rem;font-family:monospace}.resume-content .resume-desc{font-size:1rem;line-height:1.95rem;color:#4c6161}.resume-content .resume-desc a{color:#20b2aa;transition:all .5s}.resume-content .resume-desc a:hover{color:var(--success-color);transition:all .5s;text-shadow:.2px .2px #1e1e24}.timeline{position:relative;width:660px;margin:0 auto;padding:1em 0;list-style-type:none}.timeline:before{position:absolute;left:50%;top:0;content:" ";display:block;width:6px;height:100%;margin-left:-3px;background:#505050;background:-moz-linear-gradient(top,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,1)),color-stop(100%,rgba(125,185,232,1)));background:-webkit-linear-gradient(top,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%);background:-o-linear-gradient(top,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%);background:-ms-linear-gradient(top,rgba(80,80,80,0) 0%,rgb(80,80,80) 8%,rgb(80,80,80) 92%,rgba(80,80,80,0) 100%);background:linear-gradient(to bottom,#50505000,#505050 8% 92%,#50505000);z-index:-1}.timeline li{padding:1em 0}.timeline li:after{content:"";display:block;height:0;clear:both;visibility:hidden}.direction-l{position:relative;width:300px;float:left;text-align:right}.direction-r{position:relative;width:300px;float:right}.flag-wrapper{position:relative;display:inline-block;text-align:center}.flag{position:relative;display:inline;background:#f8f8f8;padding:12px 18px;border-radius:5px;font-weight:600;text-align:left}.direction-l .flag{-webkit-box-shadow:-1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);-moz-box-shadow:-1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);box-shadow:-1px 1px 1px #00000026,0 0 1px #00000026}.direction-r .flag{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 1px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.15);box-shadow:1px 1px 1px #00000026,0 0 1px #00000026}.direction-l .flag:before,.direction-r .flag:before{position:absolute;top:50%;right:-40px;content:" ";display:block;width:16px;height:16px;margin-top:-10px;background:#fff;border-radius:10px;border:4px solid var(--success-color);z-index:10}.direction-r .flag:before{left:-40px}.direction-l .flag:after{content:"";position:absolute;left:100%;top:50%;height:0;width:0;margin-top:-8px;border:solid transparent;border-left-color:#f8f8f8;border-width:8px;pointer-events:none}.direction-r .flag:after{content:"";position:absolute;right:100%;top:50%;height:0;width:0;margin-top:-8px;border:solid transparent;border-right-color:#f8f8f8;border-width:8px;pointer-events:none}.time-wrapper{display:inline;line-height:1em;font-size:.66666em;color:var(--bg-primary);vertical-align:middle}.direction-l .time-wrapper{float:left}.direction-r .time-wrapper{float:right}.time{display:inline-block;margin-top:1em;padding:4px 6px;background:#f8f8f8}.desc{margin:1em .75em 0 0;color:var(--text-primary);font-size:1.3em;font-style:italic;line-height:1.5em}.desc .more{color:#98fb98;font-size:1rem;font-style:italic;line-height:1.5em;cursor:pointer;transition:all .5s}.desc .more:hover{color:var(--text-primary);transition:all .5s}.direction-r .desc{margin:1em 0 0 .75em}.work-section{margin-bottom:70px}.work-item{position:relative;max-width:900px;width:95%;height:auto;margin:0 auto;color:var(--text-primary);background-color:var(--bg-secondary);box-shadow:0 10px 20px #00000030,0 6px 6px #0000003b}.work-item .work-item-inner{position:relative;padding:20px}.work-item-inner .work-logo{position:absolute;border-radius:50%;height:100px;width:100px;left:5%;top:-50px;border:5px solid var(--dark-color-a);background-color:#fff}.work-item .work-logo img{width:100%;border-radius:50%;object-fit:contain}.work-item-inner .work-heading{padding-left:22%;margin-top:-15px}.work-item-inner .work-heading h2{margin:5px}.work-item-inner .work-content{padding:2em}.project-items{display:flex;flex-wrap:wrap;justify-content:center;align-content:space-between}.blog-posts{padding:1em}.share-buttons{position:sticky;top:30%;margin-left:-100px;width:100px;height:0;display:flex;flex-direction:column;align-items:center;justify-content:left}.share-button{margin:1em;background-color:var(--bg-primary);height:35px;width:35px;border:1px solid var(--bg-secondary);border-radius:1em;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;transition:all .5s}.share-button:hover{cursor:pointer;border:1px solid var(--text-secondary);background-color:var(--dark-color-a);box-shadow:0 14px 28px #00000059,0 10px 10px #00000052;transition:all .5s}.share-button svg{height:100%;width:100%;margin:auto;padding:.4em;color:#35535c}.share-button svg path{fill:var(--text-primary)}.contact-methods{display:flex;height:200px;align-items:center;justify-content:center}.contact-method{display:inline-block;margin:2em;border:1px solid palegreen;background-color:#98fb98;border-radius:50%;height:60px;width:60px}.contact-method:hover{background-color:var(--success-color)}.contact-method svg{height:100%;width:100%;margin:auto}@media only screen and (max-width:600px){main{margin:0;padding:0;padding:auto;width:100%}.flex-container.mobile{position:relative;background-color:var(--bg-primary);margin:170px 10px 10px;border-radius:5px}.flex-container .hero-image{display:block;margin-top:-150px;margin-bottom:-15px;width:300px;justify-content:center}.flex-container .hero-image img{border:5px solid var(--dark-color-a);box-shadow:none}.work-item{border-radius:5px}.work-item .work-item-inner{padding:5px;margin:5px}.work-item .work-item-inner .work-heading{width:100%;margin-top:50px;padding-left:0}.work-item .work-item-inner .work-heading h2{font-size:1em}.work-item .work-item-inner .work-content{padding:0;margin:10px auto}.flex-container .main-text{width:100%;margin:10px auto;text-align:center;justify-content:center}.flex-container .services{width:100%;margin:15px 10px}#socialMediaIconsMobile{display:flex;flex-direction:row;justify-content:space-evenly;width:100%;margin:1em auto}#socialMediaIconsMobile .nav-link{position:relative;width:auto;height:auto;margin:auto;background:none}#socialMediaIconsMobile .nav-link svg{width:40px;height:auto;border-radius:3em;background:#98fb98;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.timeline{width:100%;padding:4em 0 3em;z-index:0}.timeline li{padding:2em 0}.timeline button{font-size:1.2rem}.direction-l,.direction-r{float:none;width:100%;text-align:center}.flag-wrapper{text-align:center}.flag{background:#fff;z-index:0}.direction-l .flag:before,.direction-r .flag:before{position:absolute;top:-30px;left:50%;content:" ";display:block;width:12px;height:12px;margin-left:-9px;background:#fff;border-radius:10px;border:4px solid palegreen}.direction-l .flag:after,.direction-r .flag:after{content:"";position:absolute;left:50%;top:-8px;height:0;width:0;margin-left:-8px;border:solid transparent;border-bottom-color:#fff;border-width:8px;pointer-events:none}.time-wrapper{display:block;position:relative;margin:4px 0 0}.direction-l .time-wrapper,.direction-r .time-wrapper{float:none}.desc{position:relative;margin:1em 0 0;padding:1em;background:var(--bg-primary);border-radius:.2em;-webkit-box-shadow:0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 1px rgba(0,0,0,.2);box-shadow:0 0 1px #0003}.direction-l .desc,.direction-r .desc{position:relative;margin:1em 1em 0;padding:1em}}@keyframes circleGrow{0%{transform:scale(0);opacity:0}20%{opacity:1}to{transform:scale(5);opacity:0}}.navbar{position:fixed;z-index:1;background-color:var(--bg-primary);transition:width .6s ease;overflow:scroll;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;overflow:hidden}.navbar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;height:100%}.nav-item{width:100%}.nav-item:last-child{margin-top:auto}.flex-container .hero-image{width:300px;margin:20px auto}.flex-container .hero-image img{width:100%;object-fit:cover;border-radius:50%;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}#socialMediaIcons{display:flex;flex-direction:row}#socialMediaIconsMobile{display:none}#socialMediaIcons .nav-link{width:80px}#socialMediaIcons .nav-link:hover{background:none}#socialMediaIcons .nav-link svg{width:100%;border-radius:3em;background:#98fb98}.nav-link{display:flex;align-items:center;height:5rem;color:var(--text-primary);text-decoration:none;filter:grayscale(100%) opacity(.7);transition:var(--transition-speed)}.nav-link:hover{filter:grayscale(0%) opacity(1);background:var(--bg-secondary);color:var(--text-secondary)}.nav-link.active{filter:grayscale(0%) opacity(1)}.link-text{font-family:monospace;margin-left:1rem;color:#98fb98}.nav-link svg{width:2rem;margin:0 1.5rem}.fa-primary{color:var(--success-color)}.fa-secondary{color:#98fb98}.fa-primary,.fa-secondary{transition:var(--transition-speed)}.logo{text-align:center;color:var(--text-secondary);background:var(--bg-secondary);width:100%;height:250px;margin-bottom:2em}.header-logo img{width:100%;height:100%;object-fit:cover}.logo svg{transform:rotate(0);transition:var(--transition-speed)}.logo-text{display:inline;position:absolute;left:-999px;transition:var(--transition-speed)}ul{list-style:none}a{text-decoration:none}@media only screen and (max-width:600px){.navbar{bottom:0;width:100vw;height:5rem;background-color:#00000080}.logo{display:none}.navbar-nav{flex-direction:row}.nav-link svg{height:1.8em;width:1.8em}.nav-link{flex-direction:column;justify-content:center;height:auto}.navbar .link-text{font-size:.9rem;margin:auto}#socialMediaIcons{display:none}}@media only screen and (min-width:600px){.navbar{top:0;width:16rem;height:100vh}.navbar:hover .link-text{display:inline}.navbar:hover .logo svg{margin-left:11rem}.navbar:hover .logo-text{left:0}}