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}:root{--background-color:#60d658;--raw-seinna:#60d658;--sizzling-sunrise:#f9d81a;--scarlet:#eb3705;--black:#000;--white:#fff;--ff-saira-stencil-one:"Saira Stencil One",sans-serif;--ff-poppins:"Poppins",sans-serif;--ff-roboto:"Roboto",sans-serif;--fs-1:2rem;--fs-2:calc(1.813rem + 1vw);--fs-3:calc(1.313rem + 1vw);--fs-4:1.4rem;--fs-5:1rem;--fs-6:0.813rem;--fs-7:0.75rem;--fw-400:400;--fw-700:700;--transition-1:0.25s ease-in-out;--section-padding:80px;--radius-4:4px;--radius-12:12px}body.dark_theme{--bg-primary:#1f1f1f;--bg-secondary:#303030;--color-primary:#fff;--color-secondary:#9e9e9e;--card-shadow:#0006;--input-bg:#292929;--shadow-1:10px 10px 40px var(--card-shadow)}body.light_theme{--bg-primary:#e6e6e6;--bg-secondary:#fff;--color-primary:#1f1f1f;--color-secondary:#5e5e5e;--card-shadow:#0000001a;--input-bg:#ededed;--shadow-1:10px 10px 40px var(--card-shadow)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{text-decoration:none}a,button,img,input,ion-icon,label,select,span,textarea,time{display:block}button,input,select,textarea{background:none;border:none;font:inherit}button,select{cursor:pointer}input,textarea{width:100%}ion-icon{pointer-events:none}:is(a,button,select){outline-color:#eb3705;outline-color:var(--scarlet);outline-offset:3px}::selection{background:var(--color-primary);color:var(--bg-primary)}html{font-family:Roboto,sans-serif;font-family:var(--ff-roboto);scroll-behavior:smooth}body{background:var(--bg-primary);transition:.25s ease-in-out;transition:var(--transition-1)}body.active{overflow:hidden}.container{padding-inline:10px}.h1{font-size:2rem;font-size:var(--fs-1);font-weight:400;line-height:1.2}.h2,.h3,.h4{color:var(--color-primary);font-family:Poppins,sans-serif;font-family:var(--ff-poppins);line-height:1.2}.h2{font-size:calc(1.813rem + 1vw);font-size:var(--fs-2)}.h3{font-size:calc(1.313rem + 1vw);font-size:var(--fs-3)}.h4{font-size:1rem;font-size:var(--fs-5)}.w-100{width:100%}.btn{border:1px solid #0000;border-radius:4px;border-radius:var(--radius-4);color:var(--color-primary);font-weight:700;font-weight:var(--fw-700);letter-spacing:.5px;max-width:max-content;padding:10px 25px;text-transform:uppercase;transition:.25s ease-in-out;transition:var(--transition-1)}.btn-primary{border-color:var(--color-primary)}.btn-primary:is(:hover,:focus){background:var(--color-primary);color:var(--bg-primary)}.btn-secondary{background:#60d658;background:var(--background-color);border-color:#60d658;border-color:var(--background-color);color:#000;color:var(--black)}.btn-secondary:is(:hover,:focus){--raw-seinna:#e7965f}.section-subtitle{color:var(--color-secondary);margin-bottom:20px;padding-bottom:5px;position:relative;text-transform:uppercase}.section-subtitle:after{background:var(--color-secondary);content:"";height:2px;left:0;position:absolute;top:100%;width:60px}.section-title{margin-bottom:30px;max-width:350px}.section-text{color:var(--color-secondary);line-height:1.8;margin-bottom:30px}.tooltip{background:#60d658;background:var(--raw-seinna);border-radius:4px;border-radius:var(--radius-4);box-shadow:var(--shadow-1);color:#fff;color:var(--white);font-size:15px;font-weight:700;font-weight:var(--fw-700);min-width:max-content;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:-40px;transform:translateY(-10px);transition:.25s ease-in-out;transition:var(--transition-1);z-index:1}.header{transition:.25s ease-in-out}.logo a{font-family:Saira Stencil One,sans-serif}.logo span{color:#60d658}.theme-btn,.theme-btn .icon{transition:.25s ease-in-out}.theme-btn.active .icon{box-shadow:inset 20px -20px #f9d81a}.nav-toggle-btn,.nav-toggle-btn span{transition:.25s ease-in-out}.navbar-link{font-family:Poppins,sans-serif;font-size:2rem}.navbar-link:before{background:#60d658;transition:.25s ease-in-out}main{overflow-x:hidden}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:80px;margin-bottom:var(--section-padding);min-height:100vh;padding-top:115px}.hero-banner{margin-bottom:30px;max-width:500px;width:125%}:is(.hero-social-list,.scroll-down){display:none}.hero-content{max-width:450px}.hero-title{margin-bottom:30px;text-align:center}.hero .btn-primary{margin-inline:auto}.stats{padding-block:80px;padding-block:var(--section-padding)}.stats-list{grid-gap:30px;display:grid;gap:30px}.stats-card{align-items:center;background:#458d40;border-radius:12px;border-radius:var(--radius-12);box-shadow:var(--shadow-1);display:flex;gap:10px;padding:25px;transition:.25s ease-in-out;transition:var(--transition-1)}.stats-card:is(:hover,:focus){transform:translateY(-5px)}.stats-card .card-icon{background:#458d40;border-radius:50%;display:grid;height:60px;place-items:center;width:60px}.stats-card .card-icon img{filter:invert(1);width:70%}.stats-card .card-title{color:#fff;text-align:center;width:calc(100% - 95px)}.stats-card .card-title strong{color:var(--color-primary);display:block;font-size:medium;line-height:1.3;margin-top:5px}.stats-card>ion-icon{color:var(--color-secondary)}.about{padding-block:80px;padding-block:var(--section-padding)}.about-banner{margin-inline:auto;margin-bottom:80px;max-width:400px}.about .btn{max-width:none;width:100%}.about .btn-secondary{margin-bottom:10px}.skills{padding-block:80px;padding-block:var(--section-padding)}.skills-content{margin-bottom:50px}.skills-toggle{align-items:center;background:var(--bg-secondary);border-radius:100px;box-shadow:var(--shadow-1);display:flex;margin-inline:auto;padding:5px;position:relative;width:max-content;z-index:1}.skills-toggle:before{background:#60d658;background:var(--raw-seinna);border-radius:100px;bottom:5px;content:"";left:5px;position:absolute;top:5px;transition:.25s ease-in-out;transition:var(--transition-1);width:93px;z-index:-1}.skills-toggle.active:before{left:98px;width:94px}.toggle-btn{color:var(--color-primary);font-family:Poppins,sans-serif;font-family:var(--ff-poppins);padding:5px 25px;transition:.25s ease-in-out;transition:var(--transition-1)}.toggle-btn.active{color:#fff;color:var(--white)}.skills-box .tools-list,.skills-box.active .skills-list{display:none}.skills-box .skills-list,.skills-box.active .tools-list{align-items:center;animation:fadeIn .5s ease-out forwards;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skill-card{background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-12);box-shadow:var(--shadow-1);cursor:help;display:grid;height:80px;place-items:center;position:relative;width:80px}.skill-card:hover .tooltip{opacity:1;transform:translateY(0)}.project{padding-block:80px;padding-block:var(--section-padding)}.project-list>li{margin-bottom:25px}.project-card{border-radius:12px;border-radius:var(--radius-12);box-shadow:2px 4px 6px #0003;overflow:hidden;position:relative}.project-card:after{border-radius:inherit;content:"";inset:0;position:absolute;transition:.25s ease-in-out;transition:var(--transition-1)}.project-card:is(:hover,:focus):after{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:#ffffff1a}.project-card .card-content{bottom:0;left:0;padding:20px;position:absolute;width:100%}.project-card .card-title{margin-bottom:10px}.project-card :is(.card-title,.publish-date){background:var(--bg-primary);box-shadow:var(--shadow-1);opacity:0;padding:6px 12px;transform:translateY(20px);transition:.25s ease-in-out;transition:var(--transition-1);width:max-content}.project-card .publish-date{color:var(--color-primary);font-size:.813rem;font-size:var(--fs-6);transition-delay:0s}.project-card:is(:hover,:focus) :is(.card-title,.publish-date){opacity:1;transform:translateY(0)}.project-card:is(:hover,:focus) .publish-date{transition-delay:.1s}.load-more{color:#60d658;color:var(--raw-seinna);font-size:1.4rem;font-size:var(--fs-4);margin-inline:auto;text-decoration:underline}.contact{padding-block:80px;padding-block:var(--section-padding)}.contact-content{margin-bottom:50px}.contact-list-item{align-items:flex-start;display:flex;gap:15px;margin-bottom:20px}.contact-item-icon{color:var(--color-primary);font-size:25px}.contact-item-icon ion-icon{--ionicon-stroke-width:40px}.contact-item-title{margin-bottom:10px}.contact-list-item .contact-info{color:var(--color-secondary);font-style:normal;line-height:1.6;transition:.25s ease-in-out;transition:var(--transition-1)}.contact-info:not(address):is(:hover,:focus){color:var(--color-primary)}.contac-social-list{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;padding-inline:40px}.contact-social-link{background:var(--color-primary);border-radius:50%;color:var(--bg-primary);display:grid;height:35px;place-items:center;position:relative;transition:.25s ease-in-out;transition:var(--transition-1);width:35px}.contact-social-link:is(:hover,:focus){background:#60d658;background:var(--raw-seinna);color:#fff;color:var(--white)}.contact-social-link:is(:hover,:focus) .tooltip{opacity:1;transform:translateY(0)}.contact-form{background:var(--bg-secondary);border-radius:12px;border-radius:var(--radius-12);box-shadow:var(--shadow-1);padding:20px}.form-wrapper{margin-bottom:25px}.form-label{color:var(--color-primary);font-family:Poppins,sans-serif;font-family:var(--ff-poppins);font-size:.75rem;font-size:var(--fs-7);margin-bottom:8px;margin-left:5px}.input-wrapper{position:relative}.input-field{background:var(--input-bg);border-radius:12px;border-radius:var(--radius-12);color:#60d658;color:var(--raw-seinna);padding:10px 10px 10px 40px}.input-field,.input-wrapper ion-icon{transition:.25s ease-in-out;transition:var(--transition-1)}.input-wrapper ion-icon{color:var(--color-secondary);font-size:20px;left:10px;position:absolute;top:10px}textarea.input-field{height:120px;max-height:200px;min-height:60px;resize:vertical}.input-field:focus{outline:1px solid}.input-field:focus+ion-icon{color:#60d658;color:var(--raw-seinna)}.contact .btn-primary{background:var(--color-primary);color:var(--bg-primary);max-width:none;width:100%}.footer{background:var(--bg-secondary);box-shadow:var(--shadow-1);padding-block:20px;text-align:center}.footer .logo{margin-bottom:15px}.copyright{color:var(--color-secondary);line-height:1.6}.copyright a{color:#60d658;color:var(--raw-seinna);display:inline-block}.go-top{border:2px solid var(--color-primary);border-radius:50%;bottom:25px;color:var(--color-primary);display:grid;font-size:20px;height:45px;opacity:0;place-items:center;pointer-events:none;position:fixed;right:25px;transform:translateY(10px);transition:.25s ease-in-out;transition:var(--transition-1);width:45px;z-index:2}.go-top.active{opacity:1;pointer-events:all;transform:translateY(0)}@media (min-width:550px){.container{margin-inline:auto;max-width:550px}.section-title{max-width:380px}.project-list{column-count:2;column-gap:25px}.project-list>li:first-child{column-span:all}}@media (min-width:768px){.container{max-width:720px}.section-title{max-width:430px}.stats-list{grid-template-columns:1fr 1fr}.btn-group{align-items:center;display:flex;gap:20px;justify-content:flex-start}.about .btn{max-width:max-content}.about .btn-secondary{margin-bottom:0}.contact-form{margin-inline:auto;max-width:450px}}@media (min-width:992px){:root{--fs-2:3rem;--section-padding:100px}.container{max-width:980px}.section-content{padding-left:40px;position:relative}.section-subtitle{left:0;margin-bottom:0;position:absolute;top:0;transform:rotate(270deg) translateX(-100%);transform-origin:left top}.section-subtitle:after{left:auto;right:calc(100% + 20px);top:8px}.header{padding-block:30px}.header.active{padding-block:15px}.navbar-actions{margin-left:0;order:1}.nav-toggle-btn{display:none}.navbar{all:unset}.navbar-link{font-size:inherit;padding-inline:5px;transform:translateY(0)}.navbar-list>li{margin:0;overflow:visible;padding:0}.navbar-list{align-items:center;display:flex;gap:20px;justify-content:center}.navbar-link:before{height:2px}.hero{height:100vh;padding-top:0;position:relative}.hero-banner{height:100%;margin-bottom:0;max-width:none}.hero img{height:100%;margin-inline:auto;width:auto}.hero-content{--color-primary:var(--white);filter:drop-shadow(2px 4px 10px hsl(0,0%,0%));filter:drop-shadow(2px 4px 10px var(--black));position:absolute;top:50%}.hero .btn-primary:is(:hover,:focus){color:#1f1f1f}.hero-social-list{bottom:92px;display:block;left:-30px;position:absolute}.hero-social-list:after{background:var(--color-secondary);bottom:-40px;content:"";height:30px;left:13px;position:absolute;width:2px}.hero-social-link{color:var(--color-secondary);font-size:18px;margin-block:5px;padding:5px;position:relative;transition:.25s ease-in-out;transition:var(--transition-1)}.hero-social-link:is(:hover,:focus){color:var(--color-primary)}.hero-social-link .tooltip{--trans-x:10px;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(var(--trans-x))}.hero-social-link:is(:hover,:focus) .tooltip{--trans-x:0;opacity:1}.scroll-down{bottom:80px;color:var(--color-secondary);display:block;font-size:1.125rem;position:absolute;right:-30px;text-transform:uppercase;transform:rotate(90deg);transform-origin:top right}.scroll-down:after{background:var(--color-secondary);content:"";height:2px;position:absolute;right:-50px;top:8px;width:30px}.stats-list{grid-template-columns:repeat(3,1fr)}.stats-card{height:100%}.about{grid-gap:30px;align-items:center;display:grid;gap:30px;grid-template-columns:1fr 1fr}.about-banner{margin-bottom:0}.skills{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1fr 1fr}.skills-content{margin-bottom:0}.skills-toggle{margin-inline:0}.project-list{column-count:3}.project-list>li:first-child{column-span:1;column-span:none;margin:25px 25px 25px 0}.contact{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.contact-content{margin-bottom:0}.contact-form{width:100%}.contact-list{margin-left:-40px}.footer .container{align-items:center;display:flex;justify-content:space-between}.footer .logo{margin-bottom:0}}@media (min-width:1200px){.container{max-width:1150px}.section-title{max-width:460px}.hero-social-list{left:-80px}.scroll-down{right:-80px}.about-banner{max-width:450px}.contact-form,.main{background-color:#f9f9f9}.contact-form{border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:600px;padding:20px}.form-wrapper{margin-bottom:20px}.form-label{color:#333;display:block;font-size:1.1em;font-weight:500;margin-bottom:5px}.input-wrapper{position:relative}.input-field{border:1px solid #ccc;border-radius:5px;color:#333;font-size:1em;padding:10px 40px 10px 15px;transition:border-color .3s ease;width:100%}.input-field:focus{border-color:#06c;outline:none}input::placeholder,textarea::placeholder{color:#888}.input-wrapper ion-icon{color:#888;font-size:1.2em;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.btn:hover{background-color:#458d40;color:#f1f1f1}.button-92{--c:#fff;background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) 100%/300% no-repeat,#458d40;background:linear-gradient(90deg,#0000 33%,#fff5,#0000 67%) var(--_p,100%)/300% no-repeat,#458d40;border:none;color:#00333000;outline-offset:.1em;text-align:center;text-shadow:-.08em -.01em 0 var(--c),.08em .01em 2px #0004;text-shadow:calc(var(--_i,-1)*.08em) -.01em 0 var(--c),calc(var(--_i,-1)*-.08em) .01em 2px #0004;transform:perspective(500px) rotateY(-20deg);transform:perspective(500px) rotateY(calc(20deg*var(--_i,-1)));transition:.3s}.button-92:focus-visible,.button-92:hover{--_p:0%;--_i:1}.button-92:active{box-shadow:inset 0 0 9000000000q #0005;color:var(--c);text-shadow:none;transition:0s}.button-92{cursor:pointer;font-size:2rem;font-weight:700;margin:0;padding:.1em .3em}}.header{left:0;padding-block:15px;position:fixed;top:0;transition:var(--transition-1);width:100%;z-index:4}.header.active{background:var(--bg-secondary);box-shadow:var(--shadow-1);padding-block:12px}.header .container{align-items:center;display:flex;gap:10px;justify-content:space-between}.logo{min-width:77px;position:relative;z-index:2}.logo a{color:var(--color-primary);font-family:var(--ff-saira-stencil-one)}.logo span{color:var(--raw-seinna);display:inline-block;margin-left:2px}.navbar-actions{align-items:center;display:flex;gap:15px;margin-left:auto}.navbar-actions select{color:var(--color-primary);width:45px}.navbar-actions option{background:var(--bg-primary);color:var(--color-primary)}.theme-btn{background:var(--bg-secondary);border-radius:100px;padding:4px;transition:var(--transition-1);width:48px}.header.active .theme-btn{background:var(--bg-primary)}.theme-btn .icon{border-radius:50px;box-shadow:inset 9px -6px var(--color-primary);height:20px;left:0;position:relative;transition:var(--transition-1);width:20px}.theme-btn.active .icon{box-shadow:inset 20px -20px var(--sizzling-sunrise);left:20px}.nav-toggle-btn{position:relative;transform:rotate(-55deg);transition:var(--transition-1);z-index:2}.nav-toggle-btn.active{transform:rotate(-45deg)}.nav-toggle-btn span{background:var(--color-primary);height:2px;margin:5px;transition:var(--transition-1);width:20px}.nav-toggle-btn :is(.one,.three){width:10px}.nav-toggle-btn .one{margin-left:auto;transform-origin:left}.nav-toggle-btn .three{transform-origin:right}.nav-toggle-btn.active .one{transform:rotate(90deg) translateX(-3px)}.nav-toggle-btn.active .three{transform:rotate(90deg) translateX(3px)}.navbar{background:var(--bg-secondary);display:grid;height:100%;left:0;place-items:center;position:fixed;top:100%;transition:.75s cubic-bezier(.71,.01,.24,.99);transition-delay:.5s;visibility:hidden;width:100%;z-index:1}.navbar.active{top:0;transition-delay:0s;visibility:visible}.navbar-list>li{margin-block:20px;overflow:hidden;padding-inline:50px}.navbar-link{color:var(--color-primary);font-family:var(--ff-poppins);font-size:var(--fs-1);margin-inline:auto;padding:10px;position:relative;transform:translateY(50px);transition:.75s cubic-bezier(.68,-.55,.27,2);width:max-content}.navbar.active .navbar-link{transform:translateY(0);transition-delay:.5s}.navbar-link:before{background:var(--raw-seinna);content:"";height:5px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-1);width:0}.navbar-link:is(:hover,:focus):before{width:100%}
/*# sourceMappingURL=main.f61368e9.css.map*/