@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);:root{--header-height:3rem;--hue:0;--sat:0%;--container-color:#fff;--body-color:hsl(var(--hue),var(--sat),98%);--text-color:hsl(var(--hue),var(--sat),46%);--primary-color:#1694ba;--secondary-color:#086989;--box-shadow:0 0 8px #086989;--container-width-lg:70%;--container-width-md:80%;--container-width-sm:85%;--big-font:3.3rem;--h1-font:2.25rem;--h2-font:1.5rem;--h3-font:1.25rem;--normal-font:1rem;--small-font:0.9rem;--smaller-font:0.813rem;--tiny-font:0.625rem;--font-normal:400;--font-medium:500;--font-semi-bold:600;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (max-width:992px){:root{--big-font:2.75rem;--h1-font:1.8rem;--h2-font:1.25rem;--h3-font:1rem;--normal-font:0.938rem;--small-font:0.9rem;--smaller-font:0.75rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body,button,input,textarea{font-family:Poppins,sans-serif;font-size:1rem;font-size:var(--normal-font)}body{background-color:#fafafa;background-color:var(--body-color);color:#757575;color:var(--text-color)}h1,h2,h3{color:#1694ba;color:var(--primary-color);font-weight:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}button{border:none;cursor:pointer;outline:none}img{height:auto;max-width:100%}.section{padding:6rem 0 2rem}.section_title{color:#1694ba;color:var(--primary-color);font-size:2.25rem;font-size:var(--h1-font)}.section_subtitle{display:block;font-size:1rem;font-size:var(--normal-font);margin-bottom:4rem}.section_subtitle,.section_title{text-align:center}.container{margin-left:auto;margin-right:auto;max-width:70%;max-width:var(--container-width-lg)}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.flex{display:flex}.button{background-color:#1694ba;background-color:var(--primary-color);border-radius:1rem;color:#fff;color:var(--container-color);display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:.95rem 1.9rem;transition:.3s ease}.button:hover{background:#086989;background:var(--secondary-color);box-shadow:0 0 8px #086989;box-shadow:var(--box-shadow)}.button__icon{margin-left:.5rem}.button--flex{align-items:center;display:inline-flex}.dot{align-items:flex-end;bottom:50%;display:flex;flex-direction:column;gap:.5rem;position:absolute;right:2%}.dot-content{background-color:#bfbfbf;background-color:hsl(var(--hue),var(--sat),75%);border-radius:50%;height:6.5px;position:relative;transition:.3s ease;width:6.5px}.dot-content.active,.dot-content:hover{background-color:#1694ba;background-color:var(--primary-color)}.sosial{align-items:flex-end;bottom:13%;display:flex;flex-direction:column;gap:.5rem;left:20px;position:absolute}.sosial-icon{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #0869892b;color:#1694ba;color:var(--primary-color);display:flex;font-size:.9rem;padding:8px;transition:.4s ease}.sosial-icon:hover{box-shadow:0 0 6px #0869898a;color:#086989;color:var(--secondary-color)}@media screen and (max-width:1024px){.container{max-width:80%;max-width:var(--container-width-md)}.section{padding:7rem 0 4rem}.button{padding:1rem 1.75rem}.button__icon{height:22px;width:22px}.dot,.sosial{display:none}}@media screen and (max-width:576px){.container{max-width:85%;max-width:var(--container-width-sm)}.section{padding:5rem 0 4rem}}@media screen and (max-width:350px){:root{--big-font:2.25rem}}header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0000;color:var(--text-color);display:flex;height:70px;justify-content:space-between;padding:0 10rem;position:fixed;width:100%;z-index:var(--z-fixed)}.nav-logo{color:var(--primary-color);font-size:1.4rem}.nav-logo,nav a{font-weight:var(--font-medium)}nav a{color:#011222;font-size:var(--normal-font);margin:0 1.1rem}nav a.active,nav a:hover{color:var(--primary-color);transition:.3s ease}header .nav-btn{background:#0000;border:none;color:var(--text-color);cursor:pointer;display:none;opacity:0;outline:none;padding:8px 10px 4px;transition:.3s;visibility:hidden}.nav-btn.show{border:2.5px solid #05b5ea3c;border-radius:.4rem;font-size:1.1rem;transition:.3s}.nav-btn:hover{color:var(--secondary-color)}@media only screen and (max-width:1024px){header .nav-btn{display:block;opacity:1;visibility:visible}header nav{align-items:center;background-color:var(--container-color);display:flex;flex-direction:column;gap:1.5rem;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateY(-100vh);transition:.25s ease-in-out;width:100%}nav a{font-size:1.1rem}header .responsive_nav{transform:none}.nav-close-btn{font-size:1.25rem;position:absolute;right:5%;top:2.5%}header{padding:0 4rem}}@media screen and (max-width:992px){header{padding:0 2rem}}@media screen and (max-width:576px){header{padding:0 2rem}}#home{position:relative}.home_container{row-gap:7rem}.home_content{align-items:center;column-gap:1rem;grid-template-columns:70px repeat(2,1fr);padding-top:6.5rem}.home_social{grid-row-gap:1rem;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;row-gap:1rem}.home_social-icon{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 8px #0869892b;color:var(--primary-color);display:flex;font-size:1.25rem;padding:8px;transition:.4s ease}.home_social-icon:hover{box-shadow:0 0 8px var(--secondary-color);color:var(--secondary-color)}.home_title{font-size:var(--big-font);margin-bottom:.25rem}.home__hand{height:38px;margin-left:.4rem;width:38px}.home_subtitle{align-items:center;display:grid;grid-template-columns:.2fr 1fr;margin-bottom:1rem}.home_subtitle:before{background-color:var(--secondary-color);content:"";display:block;height:1px;left:0;max-width:80%}.home_description{margin-bottom:3rem;max-width:400px}.button__icon{font-size:1.2rem}.home_img{animation:profile_animate 8s ease-in-out 1s infinite;background:url(/static/media/homeimg.06af2aaabd343ed33c4d.png);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 9px #ffffff4d;height:320px;justify-self:center;order:1;width:320px}@keyframes profile_animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.home_scroll{display:flex;justify-content:center}.home_scroll-button{animation:scroll 1.5s ease infinite}.home_scroll a{color:var(--primary-color);transition:.2s ease}.home_scroll a:hover{color:var(--secondary-color)}@keyframes scroll{0%{transform:translateY(0)}20%{transform:translateY(.6rem)}}.home_scroll-name{font-weight:500;margin-right:.25rem}.home_scroll-arrow{font-size:1.1rem}@media screen and (max-width:1024px){.home_content{column-gap:1.25rem;grid-template-columns:70px repeat(2,1fr);padding-top:5rem}.home__hand{height:26px;width:26px}.home_subtitle:before{height:1px}.home_description{margin-bottom:2.5rem;max-width:none}.home_img{box-shadow:inset 0 0 0 8px #ffffff4d;height:250px;width:250px}}@media screen and (max-width:768px){.home_content{grid-template-columns:1.5fr 3fr;padding-top:5rem}.home_social-icon{font-size:1rem;padding:8px}.home_img{justify-self:auto;order:0}.home_data{grid-column:1/3}.home_img{box-shadow:inset 0 0 0 6px #ffffff4d;height:230px;width:230px}.home_scroll{display:none}}@media screen and (max-width:576px){.home_content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home_social-icon{display:none}}@media screen and (max-width:350px){.home_img{height:180px;width:180px}.home__hand{height:22px;width:22px}}.about_container{grid-column-gap:15%;align-items:center;column-gap:15%;display:grid;grid-template-columns:35% 50%}#about{position:relative}section{height:100vh}.title_content{display:flex;justify-content:center}.title{position:relative;text-align:center}.title_background{bottom:-7px;left:-5px;position:absolute;width:200%;z-index:-1}.about_me{aspect-ratio:1/1;background:linear-gradient(45deg,#0000,var(--primary-color),#0000);border-radius:2rem;display:grid;width:110%}.about_img{border-radius:1.5rem;overflow:hidden;transform:rotate(10deg);transition:.3s ease}.about_img:hover{transform:rotate(0deg)}.about_info{gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.about_box{background-color:var(--container-color);border-radius:.75rem;box-shadow:0 3px 3px #0000001a;padding:1rem 1.25rem;text-align:center;transition:.3s ease}.about_box:hover{box-shadow:0 3px 8px #00000026}.about_title{font-size:var(--h3-font);font-weight:500}.about_subtitle{font-size:var(--small-font)}.about_description{margin-bottom:2.5rem;text-align:justify}@media screen and (max-width:1024px){.about_container{grid-template-columns:1fr;row-gap:1rem}section{height:100%}.about_me{margin:2rem auto 3rem;width:50%}.about_box{padding:.75rem .5rem}.about_data{text-align:center}.about_info{grid-template-columns:repeat(3,140px);justify-content:center}.about_description{margin-bottom:1rem;padding:0 5rem}}@media screen and (max-width:768px){.about_description{padding:0 2rem}}@media screen and (max-width:576px){.about_info{grid-template-columns:repeat(3,1fr)}.about_me{margin:2rem auto;width:85%}.about_description{padding:0}}@media screen and (max-width:410px){.title_background{bottom:-12px;left:-5px;position:absolute;width:130%;z-index:-1}}@media screen and (max-width:350px){.about_info{grid-template-columns:repeat(2,1fr)}}#skills{position:relative}.title_contentt{display:flex;justify-content:center}.titlee{position:relative;text-align:center}.title_backgroundd{bottom:-8px;left:-5px;position:absolute;width:100%;z-index:-1}.section_subtitle,.skills_tabs{margin-bottom:2rem}.skills_tabs{display:flex;justify-content:center}.skills_button{color:var(--text-color);cursor:pointer;font-size:1.05rem;font-weight:500;margin:0 1rem}.skills_active{color:var(--secondary-color)}.skills_content{display:none}.skills_content-active{display:block}.skill_container{max-width:576px}.skills_section{background-color:#ffffffb1;border-radius:8px;box-shadow:0 0 5px #0000001a;display:grid;height:auto;justify-content:center;padding:30px;transition:all .3s ease}.skills_section:hover{box-shadow:0 0 12px #00000026}.skills_data{grid-gap:10px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:576px}.box-container{flex-direction:column;padding:8px 20px;position:relative;transition:.3s ease}.box-container,.box-img{align-items:center;display:flex;justify-content:center}.box-img{background-color:var(--container-color);border-radius:50%;box-shadow:0 0 5px #00000026;height:50px;margin-bottom:7px;overflow:hidden;padding:14px;text-align:center;transition:transform .3s ease;width:50px}.box-img img{max-height:100%;max-width:100%;object-fit:cover}.box-text{text-align:center}.box-text h4{color:#011222c9;font-size:var(--small-font);font-weight:700}.box-text p{font-size:var(--smaller-font)}.box-container .popup{background-color:#fff;border-radius:5px;bottom:100%;box-shadow:0 0 10px #0000001a,0 5px 10px -5px #0000004d;display:none;font-size:12px;left:50%;opacity:0;padding:10px;position:absolute;text-align:center;transform:translateX(-50%) translateY(-10px);transition:.24s ease;width:240px;z-index:10}.box-container .popup:before{border:5px solid #0000;border-top-color:#fff;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.box-container:hover .popup{display:block;opacity:1;transform:translateX(-50%) translateY(-10px) scale(1)}.box-container:hover{transform:translateY(-5px)}.box-container:hover .box-img{box-shadow:0 0 15px #0000004d}@media screen and (max-width:768px){.skill_container,.skills_data{max-width:450px}.skills_data{grid-gap:10px;display:grid;grid-template-columns:repeat(3,1fr);margin:0 auto}}@media screen and (max-width:576px){.skill_container{max-width:85%}.skills_data{grid-gap:10px;display:grid;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:450px}}@media screen and (max-width:350px){.skill_container{max-width:85%}}#portfolio{position:relative}.portfolio{height:100%}.portfolio_container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.portfolio_item{border-radius:4px;box-shadow:0 1px 2px #0000001a;margin:0 auto;overflow:hidden;padding:15px;position:relative;transition:.2s ease;width:100%}.portfolio_item:hover{box-shadow:0 7px 10px #0000001a}.portfolio_img{border:1px solid #01122240;border-radius:6px;height:auto;max-width:100%}.portfolio_title{color:#011222c9;font-size:1.1rem;font-weight:600;margin:5px 0 0}.portfolio_tools{align-items:center;display:flex;margin-bottom:8px}.tools_items{align-items:center;background-color:#adadad50;border-radius:2px;display:inline-flex;margin:5px 5px 0 0;padding:3px;width:auto}.tools_items_img img{display:flex;height:15px;margin-right:6px;width:15px}.tools_items small{color:#011222e3;font-size:.7rem;font-weight:600}.portfolio_desc{color:#666;font-size:.8rem}.portfolio_buttons{display:flex;gap:10px;margin-top:10px}.btn{border:none;border-radius:5px;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:.3s ease}.details_btn{align-items:center;background-color:var(--primary-color);color:#fff;gap:.4rem}.details_btn .icon{background-color:#fff;border-radius:50%;color:var(--primary-color);padding:3px}.details_btn:hover{background-color:var(--secondary-color)}.preview_btn{align-items:center;background:#0000;border:1.6px solid var(--primary-color);color:var(--primary-color);gap:.4rem}.preview_btn:hover{background-color:#011222e5;border:2px solid #011222e5;color:#fff}.section_desc{font-size:20px}body.modal-open{overflow:hidden}.modal{align-items:center;background:#fff9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .2s ease-in-out;width:100%;z-index:1000}.modal_content{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:500px;padding:20px;position:relative;width:100%}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes zoomOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.modal_content.zoom-in{animation:zoomIn .2s ease-in-out}.modal_content.zoom-out{animation:zoomOut .2s ease-in-out}.close_button{cursor:pointer;font-size:1.6rem;position:absolute;right:10px;top:10px}.close_button:hover{color:#e53e3e}.blur{filter:blur(12px);transition:filter 0s}.modal_content{max-height:90vh;overflow-y:auto}.modal_title{font-size:1.3rem;margin-bottom:10px}.modal_desc_title,.modal_title{color:#011222c9;font-weight:600}.modal_desc_title{font-size:1rem;margin:5px 0}.modal_desc{font-size:.8rem}.modal_button{display:flex;gap:10px;margin-top:20px}.repo_btn{align-items:center;border:1.6px solid #011222e5;color:#011222e5;display:inline-flex;font-weight:500;gap:.4rem}.icons{font-size:1rem}.repo_btn:hover{background-color:#011222e5;color:#fff;font-weight:500}.closes_btn{background-color:#e53e3e;border:1px solid #0000;color:#fff;font-weight:500}.closes_btn:hover{box-shadow:0 0 5px 1px #e53e3e}.all-project-btn{align-items:center;background-color:var(--primary-color);border-radius:5px;color:#fff;font-size:.9rem;font-weight:500;gap:.4rem;margin:1.5rem auto 0;padding:10px 18px;transition:.3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.all-project-btn:hover{background-color:var(--secondary-color)}.all-project-btn .icon{background-color:#fff;border-radius:50%;color:var(--primary-color);font-size:.9rem;padding:3px}@media screen and (max-width:992px){.portfolio_container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:614px){.portfolio_container{grid-template-columns:1fr}.modal_content{max-height:90vh;max-width:85%;overflow-y:auto}}#contact{position:relative}.contact{height:100%}.contact_app{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.contact_app-option{align-items:center;background-color:#fdfdfd;border-bottom:3px solid var(--primary-color);border-radius:6px;box-shadow:0 2px 6px #0000001a;display:flex;gap:1rem;justify-content:start;padding:1.2rem 1.6rem;transition:.2s ease}.contact_app-option:hover{box-shadow:0 8px 14px #00000026}.contact_app-option:hover .contact_app-img,.contact_app-option:hover .contact_app-img2{transform:translateY(-7px)}.contact_app-img{height:40px;transition:.2s ease;width:40px}.contact_app-img2{height:35px;transition:.2s ease;width:35px}.contact_app-desc h3{color:#06080e;font-weight:600}.contact_app-desc p{color:var(--text-color);font-size:var(--smaller-font);margin-bottom:6px}.contact_app-desc h4{color:var(--primary-color);font-size:.85rem;font-weight:600}.or{align-items:center;display:flex;gap:1rem;margin:1.5rem 0}hr{background-color:hsl(var(--hue),var(--sat),76%);border:none;height:1px;outline:none;width:100%}.name-input{grid-template-columns:1fr 1fr;margin-bottom:1rem}label{color:#06080e;display:block;font-size:var(--small-font);font-weight:500;margin-bottom:4px}.name span,.project span{color:red}input{border:2px solid var(--primary-color);border-radius:6px;box-sizing:border-box;padding:1rem 1.2rem;width:100%}input,input::placeholder{font-size:var(--small-font)}input:focus{outline-color:var(--secondary-color)}textarea{border:2px solid var(--primary-color);border-radius:6px;font-size:var(--small-font);height:250px;padding:1rem 1.2rem;resize:none;width:100%}textarea:focus{outline-color:var(--secondary-color)}.contact-btn button{background-color:var(--primary-color);color:var(--body-color);font-size:var(--small-font);margin-top:1rem;padding:.7rem 2.4rem}.contact-btn button:hover{background:var(--secondary-color);box-shadow:var(--box-shadow)}@media screen and (max-width:756px){.contact_app{grid-template-columns:1fr}}@media screen and (max-width:614px){.name-input{gap:6px;grid-template-columns:1fr;margin-bottom:6px}}.footer{background-color:var(--primary-color);height:100%;margin-top:3rem;padding-bottom:3rem;padding-top:5rem}.footer_container h1{font-size:1.9rem}.footer_container h1,.footer_container p{color:var(--body-color);text-align:center}.footer_container p{font-size:1.1rem;font-weight:500;margin-top:10px}.footer-links{align-items:center;gap:1.1rem;justify-content:center;margin-top:4rem}.footer-links a{color:var(--body-color);font-size:.9rem;font-weight:500;transition:.3s ease}.footer-links a:hover{color:#011222e5}.footer-socials{gap:.9rem;margin-top:3rem}.footer-socials,.footer-socials a{align-items:center;justify-content:center}.footer-socials a{background-color:var(--body-color);border:2.3px solid var(--body-color);border-radius:10px;color:var(--primary-color);display:flex;font-size:1.2rem;padding:.6rem;transition:.3s ease}.footer-socials a:hover{background-color:initial;box-shadow:0 0 8px var(--body-color);color:var(--body-color)}.footer_copy{align-items:center;color:var(--body-color);display:flex;font-size:.9rem;justify-content:center;margin-top:4rem}@media screen and (max-width:576px){.footer-links{flex-direction:column}.footer-links a{font-size:1rem}}.scrollup{align-items:center;background-color:var(--primary-color);border-radius:.4rem;bottom:-20%;display:flex;justify-content:center;padding:.7rem;position:fixed;right:3rem;transition:.3s;z-index:var(--z-tooltip)}.scrollup:hover{background-color:var(--secondary-color)}.scrollup_icon{color:var(--body-color);font-size:1rem}.show-scroll{bottom:2rem}@media screen and (max-width:992px){.scrollup{right:2rem}}@media screen and (max-width:768px){.scrollup{right:1.2rem}.show-scroll{bottom:1.2rem}}
/*# sourceMappingURL=main.ddc4f945.css.map*/