@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*{box-sizing:border-box;font-family:Poppins,sans-serif;font-weight:300;color:#fff;scroll-behavior:smooth}body{height:100vh;background-color:#25262a}body,ul{margin:0}ul{padding:0}ul li{list-style-type:none}a{text-decoration:none;color:#fff}section{padding:4rem 0;height:100%;overflow:hidden}.social-media-container ul{margin:0 auto;padding:0;display:flex;justify-content:center}.social-media-container ul li{margin:0 .8rem;text-align:center}.social-media-container span{font-size:.75rem}.social-media-container i{transition:color .5s,transform .5s;font-size:2rem}.social-media-container i:hover{color:#70f3a5}h1,h2,h3,h4,h5,h6{font-weight:200}.section-title{font-weight:600}.bold{font-weight:700}.projecti-title-container{display:flex;justify-content:space-between}.project-title{margin-top:0;color:#70f3a5;font-weight:400}.project-title span{font-weight:200}.project-category{margin-top:0;font-weight:200}.project-category span{font-size:1rem}.project-url a{font-weight:600;transition:color .3s}.project-url a:hover{color:#70f3a5}.project-desc{font-size:.8rem;text-align:justify}.container{margin:auto 10vw}header{display:flex;justify-content:space-between;align-content:center;padding:1vw 10vw 0;position:fixed;z-index:10;width:100%;background:#000;background:-moz-linear-gradient(180deg,#000 33%,transparent 100%);background:-webkit-linear-gradient(180deg,#000 33%,transparent);background:linear-gradient(180deg,#000 33%,transparent);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000918",endColorstr="#ffffff",GradientType=1);margin:0 -10vw;height:7vh}nav ul{padding:0;margin:0;display:flex}nav ul li{padding:0;margin:0 20px}.nav-hero{background:url(/hero-bg-v2-1400.58aeddb1.jpg) #2d2e32;background-blend-mode:multiply;padding:0 10vw .5vw;height:60vh;background-position:top;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;background-origin:border-box}.hero{position:absolute;top:30%}.my-skills{background-blend-mode:multiply;padding:3rem 10vw;background-position:top;background-repeat:no-repeat;background-size:cover;position:relative;overflow-x:hidden;background-origin:border-box;margin-left:-10vw;margin-right:-10vw}.description{text-align:justify}.contact-me{text-align:center;margin-left:-10vw;margin-right:-10vw}.about-me,.contact-me{background-color:#2d2e32}.about-me{min-height:300px;position:relative}.about-me .description{margin-right:320px;font-size:.9rem;max-width:900px}.btn{display:inline-block;background-color:hsla(0,0%,100%,0);border:1px solid #70f3a5;border-radius:25px;padding:1rem 2rem;color:#fff;cursor:pointer;font-size:1rem;outline:none;transition:transform .4s,background-color .4s,color .4s}.btn:hover{background-color:#94f1ba;transform:scale(1.05);color:#000}.profile-pic.large{max-width:220px;border-radius:50%;border:5px solid #70f3a5;position:absolute;right:calc(12vw - 5px);top:50%;transform:rotate(10deg) translateY(-50%)}.divider{border-bottom:1px solid #70f3a5;margin:0;width:20%;float:none;display:inline-block;clear:both}.divider.clear{opacity:0}.card-container{display:flex;justify-content:space-between;transform:translateX(0)}.card-container .card{background-color:#2d2e32;padding:1rem;border-radius:35px;text-align:center;width:350px;min-height:650px;backdrop-filter:blur(15px)}.card-container .card .card-title .card-title-text{font-weight:600}.card-container .card .card-title i{font-size:2.5rem;margin:1rem}.card-container .card .card-items li{margin:1rem auto}.about-me,.projects{margin-left:-10vw;margin-right:-10vw;padding:3rem 10vw}.item-selector-header button{background-color:hsla(0,0%,100%,0);outline:none;border:.5px solid hsla(0,0%,100%,0);border-radius:5px;padding:1rem 2.5rem;vertical-align:center;margin:auto .5rem;cursor:pointer;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;white-space:nowrap}.item-selector-header button.active{border-color:#70f3a5;color:#fff}.item-selector-header button:hover{background-color:#2d2e32}.project{display:flex;justify-content:space-between;align-items:center;position:relative;opacity:0;left:100vw;max-height:0;padding-bottom:0;padding-top:0;transition:left .5s ease-in-out,max-height .5s ease-in-out,padding-bottom .5s ease-in-out,padding-top .5s ease-in-out,opacity .5s ease-in-out}.project .project-text{max-width:50%}.project .project-images{position:relative;max-width:515px;margin:0 auto}.project .project-images img{display:none;cursor:pointer;opacity:1;transition:opacity .2s ease-in-out;max-width:100%;border-radius:10px;border:7px solid #2d2e32;max-height:350px;margin:auto}.project .project-images img:hover{box-shadow:0 0 15px 0 rgba(0,0,0,.6)}.project .project-images img.active{display:block}.project.active{left:0;height:auto;opacity:1;max-height:1000px;padding-bottom:2.5rem;padding-top:2.5rem}.technologies-used{display:flex;flex-wrap:wrap;justify-content:space-evenly}.technologies-used .technology{margin:.5rem;text-align:center;line-height:1px;transition:transform .4s}.technologies-used .technology i{font-size:1.8rem;width:30px;height:30px}.technologies-used .technology p{font-size:.8rem}.technologies-used .technology svg{width:30px;height:30px;fill:#fff}.technologies-used .technology:hover{transform:scale(1.1)}.project-links{margin:0 auto;text-align:center}.link{margin:0;border:1px solid grey;font-weight:700;font-size:.9rem;padding:.5rem 2.5rem;border-radius:5px;transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out}.link i{transition:color .3s ease-in-out}.link:hover{background-color:#70f3a5;border-color:#70f3a5}.link:hover,.link:hover i{color:#2d2e32}.link.disabled{background-color:#474545;color:#888;pointer-events:none}.link.disabled i{color:#888}.nav-link{transition:border-bottom .5s,transform .5s;padding:0 0 .5rem;border-bottom:3px solid hsla(0,0%,100%,0);display:block;white-space:nowrap}.nav-link.active{border-bottom:3px solid #70f3a5}.nav-link:hover{border-bottom:3px solid #fff}.logo{margin:.2rem 0;font-size:1em;display:block}.logo span{font-weight:700}#sidebar-btn{transform:translateX(30px);margin:.3rem 0;padding:1rem;height:.2rem;background-color:#70f3a5;display:none}#sidebar-btn i{transform:translateY(-11px);color:#2d2e32}#sidebar-close{margin:0 auto 2rem;float:left;padding:1rem;height:.2rem;background-color:#70f3a5;display:block}#sidebar-close i{transform:translateY(-11px);color:#2d2e32}.sidebar-container{transition:transform .5s ease-in-out;width:180px;z-index:15;position:absolute;background-color:#2d2e32;padding:1rem 2rem;right:-180px;top:0;height:100vh;text-align:right;-webkit-box-shadow:0 2px 11px 0 rgba(0,0,0,.4);box-shadow:0 2px 11px 0 rgba(0,0,0,.4)}.sidebar-container .nav-link{display:inline-block;margin:1.5rem 0;font-size:1rem}.sidebar-container.active{transform:translateX(-180px)}.carousel-btn{display:none;text-align:center;background-color:#70f3a5;color:#2d2e32;outline:none;border:none;position:absolute;top:45%;z-index:5;padding:.6rem;font-size:2.5rem}.carousel-btn.prev{left:0;border-top-right-radius:15px;border-bottom-right-radius:15px;-webkit-box-shadow:8px 1px 10px -1px rgba(0,0,0,.35);box-shadow:8px 1px 10px -1px rgba(0,0,0,.35)}.carousel-btn.next{right:0;border-top-left-radius:15px;border-bottom-left-radius:15px;-webkit-box-shadow:-8px 1px 10px -1px rgba(0,0,0,.35);box-shadow:-8px 1px 10px -1px rgba(0,0,0,.35)}.overlay{position:absolute;display:block;top:0;width:100%;height:20vw}.overlay .carousel-btn{cursor:pointer;top:45%;font-size:2vw;display:block;background-color:#000;border-radius:1px;-webkit-box-shadow:-8px 1px 10px -1px transparent;box-shadow:-8px 1px 10px -1px transparent}.overlay .carousel-btn:hover{background-color:#70f3a5}.overlay .carousel-btn.expand{font-size:1.5rem;top:90%;right:0}#modal-pic-number{text-align:center;margin:1rem}.modal{display:none;position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9)}.modal.active{display:block}.modal .picture-feed{margin-top:3rem;display:flex;justify-content:center}.modal img{object-fit:cover;padding:.5rem;max-height:85vh;display:none;max-width:90vw}.modal img:hover{opacity:1!important}.modal img.active{display:block}.modal .modal-header .close-btn{border:none;padding:.5rem 1rem;width:auto;right:5%;top:2%;position:absolute}.modal .modal-header .close-btn i{color:#fff}.modal .modal-btn{background-color:hsla(0,0%,100%,0);color:#fff;border:1px solid #fff;border-radius:5px;outline:none;cursor:pointer;font-size:1.5rem;padding:.25rem 1rem}.modal .modal-btn:hover{color:#94f1ba;border-color:#94f1ba}.modal .modal-btn:hover i{color:#94f1ba}.modal .modal-footer{display:flex;justify-content:center}@media only screen and (max-width:900px){.item-selector-header{display:flex;flex-direction:column}.item-selector-header button{width:50vw;margin:.5rem auto;padding:.5rem 2rem;font-size:.8rem}.project{display:block}.project .project-text{max-width:100%}.project .project-images{margin-top:2.5rem}.project .project-images img{max-width:100%}header{height:10vh}.my-skills{padding:3rem 10vw}.carousel-btn{display:block;cursor:pointer;transition:opacity .3s ease-in-out;outline:none}.carousel-btn:hover{opacity:.8}.carousel{position:relative;width:300px!important;margin:0 auto;padding:0;overflow:hidden}.card-container{justify-content:start;transform:translateX(0);transition:transform .5s ease-in-out;z-index:1}.card-container .card{min-width:300px;display:block;margin:0;padding:.5rem 2rem}}@media only screen and (max-width:800px){.technologies-used{display:flex;flex-wrap:wrap}.nav-hero{height:90vh}.link{padding:.5rem 1.5rem}#sidebar-btn{display:block}nav ul{display:none}.about-me-container .description{margin-right:auto}.about-me-container .profile-pic{position:static;transform:rotate(10deg);display:block;margin-left:auto;margin-right:auto}}@media only screen and (max-width:420px){.nav-hero{height:100vh}.overlay .carousel-btn{top:35%}.logo{position:absolute;top:15px}header{height:9vh}.profile-pic.large{border:3px solid #70f3a5}.hero h2{font-size:1.3rem}.modal img{height:100%;width:100vw}}@media (max-width:1400px) and (min-width:900px){.project-images img{width:85%}}​ .spacer{width:15%}
/*# sourceMappingURL=/css.3fc85087.css.map */