@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,500;0,600;1,100;1,400&display=swap);:root{--main-bg-color:#242424;--secondary-bg-color:#1c1d1d;--tri-bg-color:#f7f7f7;--accent-bg-color:#198f91;--heading-color:#ddd}*{font-family:Poppins,san-serif;margin:0;padding:0;scroll-behavior:smooth}body{overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{border-radius:5px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#198f91;background:var(--accent-bg-color)}.btn-modal{background-color:#198f91;background-color:var(--accent-bg-color);border-radius:3px;bottom:20px;color:#f7f7f7;color:var(--tri-bg-color);font-size:1rem;left:5%;margin:0 auto;padding:.5em .7em;position:absolute;scale:100%;transition:all .2s ease-in-out;width:90%}.btn-modal:hover{background-color:#136566;scale:105%}#aside{display:none;font-size:18px}.aside-nav{display:block}.aside-nav ul{display:flex;flex-direction:column;justify-content:center;padding-left:0;text-align:left}.aside-nav ul li{list-style-type:none;padding-left:1em}.aside-nav ul li a{color:#fff;display:block;font-size:18px;padding:.3em;text-decoration:none}.about-anchor:before,.home-anchor:before,.portfolio-anchor:before{padding-left:.3em;padding-right:1em}.aside-nav ul li a:hover{color:#198f91;color:var(--accent-bg-color)}#aside h2{background-color:#198f91;background-color:var(--accent-bg-color);color:#fff;font-size:18px;font-weight:400;padding:.8em 0;position:absolute;top:194px;width:100%}.fa-address-card,.fa-briefcase,.fa-file,.fa-graduation-cap,.fa-house{font-size:14px;margin-right:15px}#aside img{width:210px}.aside-bottom{bottom:10px;left:20px;position:fixed}#made{color:#ffffff8e}#main-nav{display:none}#main-nav a{align-items:center;color:#fff;display:flex;flex-direction:row;font-weight:600;justify-content:flex-end;text-decoration:none;width:33%}#main-nav a:hover{color:#198f91;color:var(--accent-bg-color)}.fa-envelope{background-color:#198f91;background-color:var(--accent-bg-color);color:#f7f7f7;color:var(--tri-bg-color);font-size:34px;margin-right:0;padding:.5em}#intro{background-attachment:fixed;background-blend-mode:overlay;background-color:#858585;background-image:url(/static/media/hero.1f3d4aea37c641eddfce.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;font-size:18px;height:auto;padding-bottom:3em}#intro,#intro-container{align-content:center;display:flex}#intro-container{flex-direction:column;justify-content:center;padding:2em}#intro h1{font-size:3em}#intro span{color:#198f91;color:var(--accent-bg-color)}.btn-two{align-items:center;background-color:#198f91;background-color:var(--accent-bg-color);border-radius:2px;color:#fff;display:flex;height:50px;justify-content:center;max-width:310px;position:relative;text-align:center;text-decoration:none;transition:all .2s ease-in-out}#intro span.landing--h--letter,#made span.landing--h--letter{color:#f7f7f7;color:var(--tri-bg-color);font-size:1.2rem;position:static;transition:all .3s ease-out}#intro span.landing--h--letter:hover,#made span.landing--h--letter:hover{filter:blur(3px);font-size:1.8rem;margin-top:0;opacity:0}#intro span.landing--h--letter:hover{color:#198f91;color:var(--accent-bg-color)}#made span.landing--h--letter:hover{color:#242424;color:var(--main-bg-color)}#intro span.hidden-letter{color:#0000;font-size:.2rem}#about{align-content:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:2em;height:auto;justify-content:center;padding:6em 2em}#about .img-cont{margin:0 auto;max-width:500px;padding:3em 0 0}#about-para{min-width:300px}#about h1,#experience h1,#portfolio h1{color:#ddd;color:var(--heading-color);font-size:3rem;font-weight:600;padding:1em 0 0}#about h3,#experience h3,#portfolio h3{font-size:1.5rem}#social-cont ul{display:flex;flex-direction:column;flex-wrap:wrap;font-weight:600;gap:1em;height:auto;list-style-type:none}.fa-plus{color:#198f91;color:var(--accent-bg-color);font-size:20px;margin-right:10px}#icon0,#icon1,#icon2,#icon3,#icon4{transition:transform .2s ease-in-out}#experience{background-color:#f7f7f7;background-color:var(--tri-bg-color);display:flex;flex-direction:column;height:auto;padding:4em 0;position:relative;text-align:center}#experience-div{flex-wrap:nowrap;margin:0 auto;padding:0 1rem;text-align:center}#experience-div,.card-container-1,.card-container-2{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:1200px}.card-container-1,.card-container-2{flex-wrap:wrap;gap:3em;padding:2em 0}.card-container-2{width:100%}#experience:after,.card-container-2:before{color:#198f91;color:var(--accent-bg-color);content:"|";font-weight:600}.card{border:none;display:flex;flex-direction:row;justify-content:flex-start;max-width:600px;min-width:300px;padding:2em;text-align:left;width:100%;z-index:2}.fa-ghost,.fa-scroll,.fa-user-graduate{color:#198f91;color:var(--accent-bg-color);font-size:25px;position:relative;top:5px}.card-box{align-items:flex-start;padding-left:1em}.card-title{font-size:22px;font-weight:600}.card-subtext{font-size:16px;font-weight:500}.card-para{font-size:14px}.card a{color:#198f91;color:var(--accent-bg-color)}#division1{height:50%;left:200px;top:250px}#division1,#division2{background-color:#ddd;background-color:var(--heading-color);position:absolute;width:5px}#division2{height:25%;right:200px;top:2000px}#portfolio{align-content:center;align-items:center;justify-content:center;padding:0 1em}#port-header,#portfolio{background-color:#f7f7f7;background-color:var(--tri-bg-color);display:flex;flex-direction:column}#port-nav{align-items:flex-end;gap:3em;padding:3em 0}#port-nav,#port-nav ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}#port-nav ul{list-style:none}#port-nav ul li{margin:1em;text-align:center}button{border:none}#port-nav ul li button{background-color:initial;border-bottom:solid #ddd;border-bottom:solid var(--heading-color);color:#1c1d1d;color:var(--secondary-bg-color);font-size:16px;padding:1em;text-decoration:none}#port-nav ul li button:focus{border-bottom:solid #198f91;border-bottom:solid var(--accent-bg-color)}#port-nav ul li button:focus,#port-nav ul li button:hover{color:#198f91;color:var(--accent-bg-color)}#mobile-ui-container{flex-wrap:nowrap;gap:0;place-self:center}#mobile-ui-container,#mobile-ui-container div{display:flex;flex-direction:column;justify-content:center}#mobile-ui-container div{padding:0;place-self:center}.ui-img-card{-webkit-user-drag:none;height:650px;transition:all .2s ease-in-out;width:320px}.ui-img-card:hover{scale:105%}#All{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.filter-btn{font-size:1.3rem;font-weight:400}.filter-btn:after{content:"|";font-size:.9rem;margin-left:1rem;position:relative;top:-3px}.filter-btn:hover{color:#198f91;color:var(--accent-bg-color)}.card-container{height:100%;max-height:400px}.card-container,.collage-card{box-sizing:border-box;max-width:350px;overflow:hidden;width:100%}.collage-card{grid-gap:2em;align-content:center;align-items:center;border:3px solid #198f91;border:3px solid var(--accent-bg-color);border-radius:5px;display:grid;flex-wrap:wrap;gap:2em;grid-template-columns:1fr;height:auto;justify-content:space-around;margin:1em;position:relative;z-index:0}.collage-img{box-sizing:border-box;height:100%;margin:0 auto;max-height:700px;max-width:400px;min-width:350px;object-fit:cover;overflow:hidden;scale:100%;transition:.2s ease-in-out;width:100%;z-index:0}.collage-card img:hover{cursor:pointer;scale:103%;transition:.2s ease-in-out;z-index:0}.appear{background-color:#1c1d1d;background-color:var(--secondary-bg-color);color:#f7f7f7;color:var(--tri-bg-color);display:flex;flex-direction:column;gap:2em;height:100%;justify-content:center;margin-bottom:0;padding:2rem 0;position:absolute;text-align:center;-webkit-user-select:none;user-select:none;width:100%;z-index:5}.appear a{color:#198f91;font-size:1.2em;line-height:1.2em;text-decoration:none}.appear a,.appear a:hover{transition:.2s ease-in-out}.appear a:hover{color:#fff;font-size:1.3em;line-height:1.1em}.fa-rectangle-xmark{color:#fff;font-size:2em;position:relative;right:0;text-align:right;top:0}.fa-rectangle-xmark:hover{color:#198f91}.fa-angle-down{color:#ddd;color:var(--heading-color);font-size:2em}#gallery{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:0 0 5em}.topnav{position:fixed;right:0;top:0;z-index:9999}.topnav a{background-color:#198f91;background-color:var(--accent-bg-color);font-size:30px;position:absolute;right:20px;text-decoration:none;top:20px}.bars:hover,.topnav a{color:#198f91;color:var(--accent-bg-color)}#myLinks a{background-color:initial;border-bottom:3px solid #0000;color:#f7f7f7;color:var(--tri-bg-color);left:2%;padding:.5em 1em;position:relative;text-align:center;text-decoration:none;top:-80px;width:80%}#myLinks a:hover{animation:slideIn .3s ease-in-out;border-bottom:3px solid #f7f7f7;border-bottom:3px solid var(--tri-bg-color)}#myLinks a:active{border-bottom:3px solid #198f91;border-bottom:3px solid var(--accent-bg-color);color:#198f91;color:var(--accent-bg-color)}#myLinks{align-content:center;align-items:center;background-color:#242424;background-color:var(--main-bg-color);display:flex;flex-direction:column;gap:2em;height:100vh;justify-content:center;overflow:hidden;width:100vw;z-index:998}.btn{animation:fadeIn .5s ease-in-out;background-color:initial;border:none;cursor:pointer;font-size:30px;position:absolute;right:20px;top:20px}.exe{clear:both;z-index:9999}.exe,.exe:hover{background-color:#242424;background-color:var(--main-bg-color)}.bars,.exe,.exe:hover{color:#198f91;color:var(--accent-bg-color)}.mobile-nav-footer{bottom:100px;display:flex;flex-direction:column;gap:2em;position:absolute;right:0;text-align:right}.mobile-nav-footer a{background-color:#198f91;background-color:var(--accent-bg-color);border-bottom-left-radius:10px;border-top-left-radius:10px;color:#fff;font-size:1rem;margin:0 auto;padding:1em 2em;position:relative;right:0;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{border-bottom:3px solid #f7f7f7;border-bottom:3px solid var(--tri-bg-color)}50%{border-bottom:3px solid #198f91;border-bottom:3px solid var(--accent-bg-color)}to{border-bottom:3px solid #f7f7f7;border-bottom:3px solid var(--tri-bg-color)}}#arrow-container{background-color:#198f91;background-color:var(--accent-bg-color);cursor:pointer;font-size:1.5rem;font-weight:100;opacity:.7;position:fixed;right:0;text-decoration:none;top:80%;z-index:99}.arrow-link{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:1.2em}.slant{background-color:#f7f7f7;background-color:var(--tri-bg-color);border-radius:30px;height:3px;width:10px}.left-slant{left:8px;position:relative;top:0;transform:rotate(45deg)}.right-slant{position:relative;right:8px;top:0;transform:rotate(-45deg)}.arrow-link:hover{animation:arrowBounce .7s ease-in-out infinite}@keyframes arrowBounce{0%{transform:translateY(3px)}50%{transform:translateY(0)}to{transform:translateY(3px)}}@media screen and (min-width:1205px){#division1{height:75%}#division2{height:45%;top:450px}}@media screen and (min-width:987px){#intro-container{width:60%}#aside{background-color:#1c1d1d;background-color:var(--secondary-bg-color);display:flex;flex-direction:column;height:100%;max-width:210px;min-width:210px;position:fixed;text-align:center}#about,#experience,#intro,#main-nav,#portfolio{margin-left:210px}.toggleAppearance{max-width:300px}#experience-div{flex-direction:row;gap:4rem}}@media screen and (min-width:768px){.topnav{display:none}.toggleAppearance{max-width:300px}#All{display:flex;flex-direction:row;justify-content:center;margin:0 auto}#port-nav ul li a{font-size:16px}#port-nav ul{flex-direction:row}#port-nav ul li{margin:0}#gallery{justify-content:flex-start;padding-left:2em}.card-container-2:before{content:"-";left:0;position:relative}.card{width:450px}#intro{height:100vh}#intro-container{padding:0 6em;width:75%}#about{flex-wrap:nowrap;padding:7em}#social-cont ul{gap:2em}#main-nav,#social-cont ul{flex-direction:row;flex-wrap:wrap}#main-nav{background-color:#1c1d1d;background-color:var(--secondary-bg-color);display:flex;justify-content:flex-end;padding:0}}#modal,.modal-container{align-items:center;display:flex;justify-content:center}.modal-container{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background-color:#1c1d1dee;color:#fff;height:100vh;left:0;margin:0 auto;top:0;width:100%;z-index:9999}.modal-container,.modal__container{flex-direction:column;position:fixed}.modal__container{background-color:#1c1d1dfa;border:2px solid #198f91;border:2px solid var(--accent-bg-color);border-radius:20px;box-shadow:0 0 10px rgba(#1c1d1d,.7);box-shadow:0 0 10px rgba(var(--secondary-bg-color),.7);display:flex;gap:2rem;height:98%;justify-content:space-between;max-width:550px;padding:1rem 2rem 2rem;top:1%;width:98%}.modal__close-btn-container{text-align:right;width:100%}.modal__close-btn{background-color:initial;color:#fff;font-size:2rem;position:relative;right:-10px;top:0}.modal__close-btn:hover{color:#198f91;color:var(--accent-bg-color)}.modal__link-btn-container{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:2rem;justify-content:center}.modal__btn,.modal__web-btn{border:2px solid #198f91;border:2px solid var(--accent-bg-color);border-radius:10px;color:#198f91;color:var(--accent-bg-color);font-size:1.2rem;font-weight:500;padding:1rem 2rem;text-align:center;text-decoration:none;width:100%}.modal__btn:hover,.modal__web-btn{background-color:#198f91;background-color:var(--accent-bg-color);color:#fff}.modal__web-btn:hover{background-color:#242424;background-color:var(--main-bg-color);color:#fff}.modal-open{display:flex}.modal-closed{display:none}.modal__info-container{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;overflow-y:scroll}.modal__info-container:after{background-color:#198f91;background-color:var(--accent-bg-color);content:"";height:1px;left:45%;margin:0 auto;position:absolute;top:72%;width:10%}.modal__info-container::-webkit-scrollbar-thumb{background-color:initial}.modal__info-container::-webkit-scrollbar{width:0}.modal__info-container::-webkit-scrollbar-track{background:#0000}.modal__info-container::-webkit-scrollbar-thumb{border-radius:5px}.modal__info-container::-webkit-scrollbar-thumb,.modal__info-container::-webkit-scrollbar-thumb:hover{background:#198f91;background:var(--accent-bg-color)}.modal__info-column{display:flex;flex-direction:column}.modal__title{font-size:2.7rem;font-weight:600}.modal__para{color:#198f91;color:var(--accent-bg-color);margin-bottom:2rem}.modal__about-project h3,.modal__para{font-size:1.2rem;font-weight:400}.modal__about-project p{font-weight:300}
/*# sourceMappingURL=main.de6bab0f.css.map*/