body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#gradient{background:linear-gradient(180deg,#191c21 0,#191f29);height:200px}footer{background-color:#1a1a22;bottom:0;height:8.5rem;width:100%}#text-footer{color:#fff;display:grid;font-family:Nunito,sans-serif;font-size:15px;justify-content:center}.footer-github,.footer-linkedin{background-color:#1a1a22;height:50px;padding:10px;transition:.5s;width:50px}#footer-tags{display:flex;justify-content:space-evenly;padding:20px 200px 0}@media (max-width:500px){#footer-tags{padding:0}}.container{align-items:center;background-color:#191f29;font-weight:300;justify-content:center;min-height:100vh}.s1{background:#a3f8e8;margin-top:100px}.s1,.s2{border-radius:1000px;filter:blur(5px);height:30vw;margin-left:18%;opacity:50%;position:absolute;width:30vw}.s2{background:#177261;margin-top:450px}.s3{background:#00f7ca;border-radius:1000px;filter:blur(5px);height:30vw;margin-left:18%;margin-top:800px;opacity:50%;position:absolute;width:30vw}.s4{background:#177261;margin-top:100px}.s4,.s5{border-radius:1000px;filter:blur(5px);height:20vw;margin-left:45%;opacity:50%;position:absolute;width:25vw}.s5{background:#00f7ca;margin-top:500px}.s6{background:#a3f8e8;border-radius:1000px;filter:blur(5px);height:20vw;margin-left:45%;margin-top:925px;opacity:50%;position:absolute;width:25vw}#logo_layout{color:#dcfbf1;display:flex;font-weight:300}#logo{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-left:25px}#logo span{font-size:35px;padding-top:8px}#logo p{align-items:center;color:#89fed9;display:flex;font-size:40px;font-weight:500;justify-content:center;margin:0;padding:0 5px}a{text-decoration:none}.nav{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);display:grid;grid-template-columns:7fr 1fr;height:80px;position:fixed;top:0;width:100%;z-index:10}#options_layout{display:flex;gap:40px;margin-right:25px}#options_layout span{align-items:center;color:#dcfbf1;display:grid;font-size:20px;font-weight:300;margin:20px 0}#options_layout span:hover{color:#00f7ca;cursor:pointer}#options_layout a{align-items:center;color:#dcfbf1;display:grid;font-size:20px;font-weight:300;margin:20px 0}#options_layout a:hover{color:#f7e700;cursor:pointer}.nav_icon{display:none}@media (max-width:1180px){.nav{grid-template-columns:1fr;grid-template-rows:0fr;height:55px;width:100%}.nav.open{background-color:#161a28;overflow:hidden}.nav_icon{display:flex;justify-content:flex-end;position:absolute;top:0;width:100%}#options_layout{display:none}.nav_container{display:flex;justify-content:flex-end;margin-right:150px;width:100%}#logo,.nav svg{cursor:pointer}#logo{align-items:center;display:flex;justify-content:center;margin-left:10px}.nav.open{height:100%;overflow:visible;width:100%;z-index:10}.nav.open #logo_layout{position:absolute}.nav.open .options_layout{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr;justify-content:center;margin:300px 0;transform:translateX(100%);transition:transform .4s ease-in-out}.nav.open .options_layout.translate{transform:translateX(0)}.nav.open .dropdown_icon{display:flex;justify-content:flex-end;width:100%}.nav.open .options_layout span{align-items:center;color:#dcfbf1;cursor:pointer;display:grid;font-size:25px;font-weight:300;margin:15px 0}.nav.open .options_layout span:hover{color:#00f7ca;cursor:pointer}.nav.open a{align-items:center;color:#dcfbf1;display:grid;font-size:25px;font-weight:300}.centered_options{align-items:center;display:flex;justify-content:center;transition:.4s}.nav.open a:hover{color:#f7e700;cursor:pointer}.nav.open .dropdown_icon{padding-top:10px}.nav.open .dropdown_icon svg{margin-right:10px}}#about{align-items:center;background-color:#191f29;font-weight:300;min-height:100vh}#about,#about-layout{display:flex;justify-content:center}#about-layout{gap:10px}#about-layout .hidden{opacity:0;pointer-events:none;transform:translateY(5%)}#about-layout .hidden,#about-layout .visible{transition:opacity .5s ease,transform .5s ease}#about-layout .visible{opacity:1;transform:translateY(0)}#about_container{padding-left:0;position:relative;width:600px}#about-font{color:#00f7ca;font-size:25px;margin:0;padding-bottom:0}#about-subfont{color:#177261;font-size:35px;margin:0}#portfolio-pic{border-radius:30px;box-shadow:0 0 10px 2px;height:580px;width:500px}#about-par{color:#d7d7ff;font-size:18px;line-height:1.5;padding:0 50px 0 0;word-spacing:1px}@media (max-width:1180px){#about_container{padding-left:0;position:relative;width:800px}#about-layout{display:block;grid-template-columns:1fr;grid-template-rows:1fr 1fr}#about{min-height:100vh;padding:11% 10% 0}#portfolio-pic{box-shadow:0 0 10px 2px;height:640px;margin-bottom:100px;margin-top:10px;width:565px}#about-par{font-family:Nunito,sans-serif;font-size:18px;padding:0 0 50px}#projects-layout{display:block}#porfolio-pic-div{display:grid;justify-content:center}}@media (max-width:840px){#about{padding:92px 10px 0}#about-par{color:#d7d7ff;font-size:18px;padding:0 0 50px}#about_container{width:auto}#portfolio-pic{box-shadow:0 0 10px 2px;height:69%;margin-bottom:0;margin-top:10px;padding:10;width:100%}}@media (max-width:500px){#about{padding:0 10px}#about-par{color:#d7d7ff;font-size:18px;padding:0 0 50px}#about_container{width:auto}#portfolio-pic{box-shadow:0 0 10px 2px;height:80%;margin-bottom:100px;margin-top:10px;width:100%}}#projects{background-color:#191f29;display:grid;font-weight:300;justify-content:center;min-height:100vh;padding-bottom:50px}#projects_transition{opacity:0;transform:translateY(5%);transition:opacity .5s ease,transform .5s ease}#projects_transition.hidden{pointer-events:none}#projects_transition.visible{opacity:1;transform:translateY(0)}#projects-font{color:#00f7ca;font-size:25px;margin:0;padding-bottom:5px;padding-left:3%;padding-top:10%}#projects-subfont{color:#177261;font-size:35px;margin:0;padding-bottom:20px;padding-left:3%}#websites-layout{align-items:center;display:flex;text-align:center}#projects-layout{grid-template-columns:1fr 1fr}#projects-layout,.project_layout_centered{align-items:center;display:grid;text-align:center}.project_layout_centered{justify-content:center}.popup{background-color:#000c;border-radius:25px;color:#fff;height:345px;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,visibility .3s ease;width:495px;z-index:-1}.popup,.popup_text{align-items:center;display:grid;justify-content:center}.popup_text{padding:0 50px}.popup_text p{color:#fff;font-size:18px;line-height:1.5;word-spacing:1px;z-index:0}.popup_button{align-items:center;display:flex;justify-content:center}.project-img-layout:hover,.website-img-layout:hover{img{border-radius:18px;height:362px;width:511px}.popup{border-radius:20px;z-index:1}}.button{align-items:center;background-color:#007bff;border-radius:5px;color:#fff;display:flex;height:50px;justify-content:center;padding:10px 20px;text-decoration:none;transition:background-color .3s ease;width:80px}.button:hover{background-color:#0056b3}.project-img-layout,.website-img-layout{align-items:center;background-color:#171919;box-shadow:0 0 10px 1px #000;display:flex;gap:10px;justify-content:center;margin:30px;position:relative;z-index:2}.project-img-layout,.project-img-layout img,.website-img-layout,.website-img-layout img{border-radius:20px;height:350px;width:500px}.card-body{background-color:#fff;height:85%;width:60%}.project-body{margin:0 50px}.live-site{color:#000;font-family:Nunito,sans-serif;margin:1px}.link-button{background-color:#e5e5e5;border-color:#000;border-radius:20px;margin-top:20px;padding:10px}.font{font-family:Nunito,sans-serif}@media (max-width:1180px){#projects-layout{align-items:center;display:grid;grid-template-columns:auto;text-align:center}#websites-layout{display:block}#projects-font{padding-top:15%}.project-img-layout,.website-img-layout{gap:10px;height:500px;width:800px}.project-img-layout img,.website-img-layout img{height:500px;width:800px}.project-img-layout:hover,.website-img-layout:hover{img{border-radius:18px;height:500px;width:800px}.popup{border-radius:20px;z-index:1}}.popup{border-radius:25px;height:500px;padding:10px;width:800px}}@media (max-width:840px){.project-img-layout,.website-img-layout{gap:10px;height:90%;margin:30px 0;width:98%}.project-img-layout img,.website-img-layout img{height:100%;width:98%}.project-img-layout:hover,.website-img-layout:hover{img{border-radius:18px;height:100%;width:98%}.popup{border-radius:20px;z-index:1}}.popup{border-radius:25px;height:100%;padding:10px;width:98%}}@media (max-width:500px){#websites-layout{grid-gap:15px;display:grid;gap:15px;padding:0 10px}.popup,.website-img-layout{height:100%;width:100%}.popup{margin:0;padding:1px}.project-img-layout img,.website-img-layout img{height:250px;width:100%}.project-img-layout,.website-img-layout{height:250px;margin:0;width:100%}.popup_text p{font-size:10px}.project-img-layout:hover,.website-img-layout:hover{img{height:100%;width:100%}.popup{z-index:1}}}.slider-thumb-1{animation:sliderShape 5s linear infinite;-webkit-animation:sliderShape 5s linear infinite;background:#a3f8e8;margin-left:18%}.slider-thumb-1,.slider-thumb-2{border-radius:62% 47% 82% 35%/45% 45% 80% 66%;filter:blur(20px);height:30vw;opacity:50%;position:absolute;width:30vw;will-change:border-radius,transform,opacity;z-index:-1}.slider-thumb-2{animation:sliderShape 5s linear infinite;-webkit-animation:sliderShape 4s linear infinite;background:#177261;margin-left:30%;margin-top:40%}.slider-thumb-3{animation:sliderShape 5s linear infinite;-webkit-animation:sliderShape 3s linear infinite;background:#00f7ca;border-radius:62% 47% 82% 35%/45% 45% 80% 66%;display:block;filter:blur(20px);height:30vw;margin-left:40%;opacity:50%;position:absolute;width:30vw;will-change:border-radius,transform,opacity;z-index:-1}@media (min-width:1250px){.slider-thumb-1{height:365px;margin-left:225px;width:365px}.slider-thumb-2{height:365px;margin-left:370px;margin-top:500px;width:365px}.slider-thumb-3{height:365px;margin-left:500px;width:365px}}@keyframes sliderShape{0%,to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%;transform:translateZ(0) rotate(.01deg)}34%{border-radius:70% 30% 46% 54%/30% 29% 71% 70%;transform:translate3d(0,5px,0) rotate(.01deg)}50%{transform:translateZ(0) rotate(.01deg)}67%{border-radius:100% 60% 60% 100%/100% 100% 60% 60%;transform:translate3d(0,-3px,0) rotate(.01deg)}}@media (max-width:500px){.slider-thumb-1{margin-left:-45%;margin-top:0}.slider-thumb-1,.slider-thumb-2{filter:blur(20px);height:20%;width:50%}.slider-thumb-2{margin-left:0;margin-top:300px}.slider-thumb-3{filter:blur(20px);height:20%;margin-left:35%;width:50%}}#landing{align-items:center;background-color:#191c21;display:grid;height:100vh;justify-content:center;position:relative;z-index:1}#name_container{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin-top:-40px;text-align:center}#name_container span{color:#fff;font-size:10.9vw;font-weight:100}#name_container #descrition span{font-size:30px;font-weight:200}.background_div{align-items:center;display:grid;justify-content:center;text-align:center;width:100%}#name_container .hidden{opacity:0;pointer-events:none;transform:translateY(50%);transition:opacity .5s ease,transform .9s ease}#name_container .visible{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .9s ease}.scroll_container{left:50%;position:absolute;top:85%}@media (min-width:1250px){#name_container span{color:#fff;font-size:135px;font-weight:100}#name_container .descrition span{font-size:30px;font-weight:200}}@media (max-width:800px){#name_container .descrition span{font-size:3.8vw}}@media (max-width:500px){.background_div{align-items:none;display:flex;justify-content:none;text-align:none}#name_container span{color:#fff;font-size:10.9vw;font-weight:100}#name_container .descrition span{font-size:30px}}.mouse{border:2px solid #fff;border-radius:30px;height:50px;left:50%;margin:-12px;opacity:.4;overflow:hidden;position:absolute;top:50%;width:24px}.mouse:after{animation:mouse-wheel 2.5s cubic-bezier(.77,0,.175,1) infinite;background-color:#00d3b3;border-radius:2px;content:"";display:block;height:4px;left:13px;margin-left:-3px;position:absolute;top:10px;width:4px}@keyframes mouse-wheel{0%{opacity:0;transform:translateY(0)}10%{opacity:1;transform:translateY(0)}30%{height:4px;transform:translateY(0)}50%{height:20px;transform:translateY(0)}70%{height:4px;opacity:1;transform:translateY(15px)}90%{opacity:0}to{opacity:0;transform:translateY(15px)}}#skills{align-items:center;background-color:#191f29;display:grid;font-weight:300;justify-content:center;min-height:100vh}#skills_transition{opacity:0;transform:translateY(5%);transition:opacity .5s ease,transform .5s ease}#skills_transition.hidden{pointer-events:none}#skills_transition.visible{opacity:1;transform:translateY(0)}#skills-font{color:#00f7ca;font-size:25px;margin:0;padding-bottom:0}#skills-font,#skills-subfont{align-items:center;justify-content:center;padding-left:1%}#skills-subfont{color:#177261;font-size:35px;margin:0 0 15px;padding-bottom:10px}#skills-layout{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.skill{display:grid;justify-content:center}.skill-container{background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 10px 1px;display:grid;grid-template-columns:1fr 1fr;height:100px;margin:10px;width:200px}.skill-container .img_container,.skill_font_container{align-items:center;display:grid;justify-content:center}.skill-img{height:70px;width:70px}@media (max-width:1180px){#skills-font{padding-top:100px}#skills-font,#skills-subfont{padding-left:10px}#skills-layout{margin:0}#skills-layout,.skill-container{align-items:center;display:grid;grid-template-columns:1fr 1fr}.skill-container{background-color:#fff;border-radius:10px;box-shadow:0 0 10px 1px;height:200px;justify-content:center;width:390px}.skill-img{height:125px;width:125px}.skill{font-size:25px}}@media (max-width:840px){.skill-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px 1px;display:grid;grid-template-columns:1fr 1fr;height:110%;justify-content:center;width:100%}.skill-img{height:85%;width:85%}#skills-layout{gap:3%;grid-template-columns:1fr 1fr;padding-right:20px}#skills-font{padding-left:10px;padding-top:0}#skills-layout{margin-bottom:300px}.skill{font-size:3vw}}
/*# sourceMappingURL=main.b9d68bcc.css.map*/