.navbar{background-color:#6dcb76;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar,.navbar-container{display:flex;align-items:center}.navbar-container{justify-content:space-between;width:100%;max-width:1200px;padding:0 20px}.navbar-logo{color:#fff;text-decoration:none;font-size:1.5rem}.navbar-logo-text{font-weight:700}.menu-icon{display:none;cursor:pointer;color:#fff}.nav-menu{display:flex;align-items:center;list-style:none;text-align:center}.nav-item{height:80px}.nav-links{color:#fff;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%;font-size:1rem;font-weight:700}.close-icon{font-size:2rem;color:#fff}@media screen and (max-width:960px){.nav-menu{position:fixed;top:80px;left:-100%;width:100%;height:90vh;display:flex;flex-direction:row;justify-content:center;background-color:#f8f8f8;transition:all .5s ease}#portfolio-direct{display:none}.nav-menu.showMenu{left:0}.nav-links{text-align:center;padding:2rem;width:100%;display:table;color:#000}.nav-item{height:120px}.menu-icon{display:block;margin-left:auto;transform:translate(0);font-size:2rem;cursor:pointer}}.welcome-container{height:80vh;width:100vw;padding:5vh}.welcome-box,.welcome-container{display:flex;align-content:center;justify-content:center}.welcome-box{width:70vw;height:70vh;border-radius:5px;flex-direction:row;align-items:center}.welcome-text{padding:5vw}.welcome-name{font-size:3rem;font-weight:700}.welcome-headshot{width:30vh;height:30vh;border-radius:50%;border:.01px solid #c7c7c7;object-fit:cover}.welcome-tag{font-size:1.5rem;font-weight:light}@media screen and (max-width:767px){.welcome-box{width:100vw}.welcome-headshot{height:20vh;width:20vh}}.portfolio-container{width:100vw;display:flex;flex-direction:column;align-items:center;gap:10vh}.portfolio-mobile{flex-direction:column;gap:3vw;width:60vw}.phone-container,.portfolio-mobile{display:flex;justify-content:space-evenly}.phone-container{flex-direction:row;align-items:center;gap:5vh}.portfolio-web{display:flex;flex-direction:column;gap:3vw;align-content:center;justify-content:center;width:60vw}@media screen and (max-width:767px){.portfolio-mobile,.portfolio-web{width:95vw}.phone-container{flex-direction:column}}@media screen and (min-width:768px) and (max-width:1024px){.phone-container{flex-direction:column}}.phone-portfolio-container{width:20vw;height:42.25vw;position:relative;overflow:hidden;border-radius:5px;border:.01px solid #c7c7c7}.phone-portfolio-image{position:relative;width:100%;height:100%;border-radius:5px}.phone-portfolio-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;transition:opacity .3s;z-index:1}.phone-portfolio-image:hover:after{opacity:1;border-radius:5px}.phone-portfolio-image:hover .textContainer{opacity:1}@media screen and (max-width:767px){.phone-portfolio-container{width:90vw;height:194.625vw}.phone-portfolio-image .textContainer,.phone-portfolio-image:after{opacity:1}}@media screen and (min-width:768px) and (max-width:1024px){.phone-portfolio-container{width:60vw;height:130vw}.phone-portfolio-image .textContainer,.phone-portfolio-image:after{opacity:1}}.web-portfolio-container{height:29.375vw;width:50vw;position:relative;overflow:hidden;border-radius:5px;border:.01px solid #c7c7c7}.web-portfolio-image{position:relative;width:100%;height:100%;border-radius:5px}.web-portfolio-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent,rgba(0,0,0,.8));opacity:0;transition:opacity .3s;z-index:1}.web-portfolio-image:hover:after{border-radius:5px}.textContainer{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;opacity:0;transition:opacity .3s;z-index:2;padding:5%}.web-portfolio-image:hover .textContainer{opacity:1}.textContainer{width:100%;height:100%}.itemTitle{font-size:1.5rem;font-weight:700}.itemStack{font-size:1rem;opacity:.8}.web-portfolio-image:hover:after{opacity:1}.downloadLinks{width:100%;display:flex;justify-content:center;flex-direction:row;gap:20px;padding:5%}.downloadButton{position:relative;z-index:3;cursor:pointer}.openProject{background-color:#f0f8ff;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:1rem;padding:10px;border-radius:5px;gap:5px;text-decoration:none;margin-top:10px;color:#000}@media screen and (max-width:767px){.web-portfolio-container{width:90vw;height:90vw}.web-portfolio-image img{object-fit:cover}.web-portfolio-image .textContainer,.web-portfolio-image:after{opacity:1}}@media screen and (min-width:768px) and (max-width:1024px){.web-portfolio-container{width:80vw;height:80vw}.web-portfolio-image img{object-fit:cover}.web-portfolio-image .textContainer,.web-portfolio-image:after{opacity:1}}.circleContainer{display:flex;right:-20px;top:-20px}.circleParent{align-items:flex-end;z-index:1;bottom:-50px}.circleParent,.footerContent{width:100%;display:flex;justify-content:flex-end;position:relative}.footerContent{background-color:#6dcb76;height:50px;left:0;bottom:0;z-index:2;align-content:center;align-items:center;flex-direction:row;gap:10px}.innermost,.outermost,.second,.third{border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center}.outermost{background-color:#6dcb76;width:100px;height:100px;margin-right:-25px}.second{background-color:#fff;width:80px;height:80px}.third{background-color:#93f991;width:60px;height:60px}.innermost{background-color:#c5ffaa;width:40px;height:40px}.footer{width:100%;height:100%;z-index:5;overflow:hidden}.footer a{color:#fff;text-decoration:none}@media screen and (max-width:767px){.outermost{width:80px;height:80px}.second{width:70px;height:70px}.third{width:60px;height:60px}.innermost{width:50px;height:50px}}