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}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Roboto,sans-serif;scroll-behavior:smooth}body{background:#1f1f1f;transition:.25s ease-in-out}body.active{overflow:hidden}.h2,.h3,.h4{color:#fff;font-family:Poppins,sans-serif;line-height:1.2}.btn-primary{border-color:#fff}.btn-primary:is(:hover,:focus){background:#fff;color:#1f1f1f}.section-content{padding-left:7px;padding-right:7px;position:relative}.section-subtitle{color:#9e9e9e;margin-bottom:20px;padding-bottom:5px;position:relative;text-transform:uppercase}.section-subtitle:after{background:#9e9e9e;border:2px solid pink;content:"";height:3px;left:0;position:absolute;top:100%;width:60px}.section-title{margin-bottom:30px;max-width:350px}.section-text{color:#9e9e9e;font-size:22px;line-height:1.8;margin-bottom:30px}@media (min-width:550px){.container{margin-inline:auto}.section-title{max-width:380px}}@media (min-width:768px){.container{max-width:720px}.section-title{max-width:430px;padding:10px}.section-text{padding:8px}.btn-group{align-items:center;display:flex;gap:20px;justify-content:flex-start}.about .btn{max-width:-webkit-max-content;max-width:max-content}.about .btn-secondary{margin-bottom:0}.contact-form{margin-inline:auto;max-width:450px}}@media (min-width:992px){.section-subtitle{left:0;margin-bottom:0;position:absolute;top:0;-webkit-transform:rotate(270deg) translateX(-100%);transform:rotate(270deg) translateX(-100%);-webkit-transform-origin:left top;transform-origin:left top}.section-subtitle:after{left:auto;right:calc(100% + 20px);top:8px}.header{padding-block:30px}.header.active{padding-block:15px}.nav-toggle-btn{display:none}.navbar{all:unset}.navbar-link{font-size:inherit;padding-inline:5px;-webkit-transform:translateY(0);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{position:absolute;top:80%}.hero .btn-primary:is(:hover,:focus){color:#1f1f1f}.hero-social-list{bottom:92px;display:block;left:-30px;position:absolute}.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}.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}}@media (min-width:1200px){.container{max-width:1150px}.section-title{max-width:460px}.scroll-down{right:-80px}.about-banner{max-width:450px}}.header{left:0;padding-block:15px;position:fixed;top:0;transition:.25s ease-in-out;width:100%;z-index:4}.header.active{background:#303030;padding-block:12px}.container{align-items:center;display:flex;gap:10px;justify-content:space-between}.logo{min-width:77px;position:relative;z-index:2}.logo a{color:#fff;font-family:Saira Stencil One,sans-serif}.logo span{color:#e38445;display:inline-block;margin-left:2px}.nav-toggle-btn{position:relative;-webkit-transform:rotate(-55deg);transform:rotate(-55deg);transition:.25s ease-in-out;z-index:2}.nav-toggle-btn.active{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-toggle-btn span{background:red;color:#fc5226;height:2px;margin:5px;transition:.25s ease-in-out;width:20px}.nav-toggle-btn :is(.one,.three){width:10px}.nav-toggle-btn .one{margin-left:auto;-webkit-transform-origin:left;transform-origin:left}.nav-toggle-btn .three{-webkit-transform-origin:right;transform-origin:right}.nav-toggle-btn.active .one{-webkit-transform:rotate(90deg) translateX(-3px);transform:rotate(90deg) translateX(-3px)}.nav-toggle-btn.active .three{-webkit-transform:rotate(90deg) translateX(3px);transform:rotate(90deg) translateX(3px)}.navbar{background:#303030;display:grid;display:none;left:0;place-items:center;position:fixed;top:6px;transition:.75s cubic-bezier(.71,.01,.24,.99);transition-delay:.5s;width:100%;z-index:1}.navbar.active{display:block;top:0;transition-delay:0s}.navbar-list>li{margin-block:15px;overflow:hidden;padding-inline:5px}.navbar-link{font-family:Poppins,sans-serif;font-size:18px;margin-inline:auto;position:relative;transition:.75s cubic-bezier(.68,-.55,.27,2);width:-webkit-max-content;width:max-content}.navbar.active .navbar-link{-webkit-transform:translateY(0);transform:translateY(0);transition-delay:.5s}.navbar-link:before{background:#e38445;content:" ";height:5px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.25s ease-in-out;width:0}.navbar-link:is(:hover,:focus):before{width:100%}button,span{display:block}button{background:none;border:none;font:inherit}@media only screen and (max-width:500px){.container{flex-direction:column;gap:0;width:80%}.logo{margin-bottom:10px}.nav-toggle-btn{position:absolute;right:25px;top:30%}.navbar{padding-top:50px;top:50px}.navbar-list>li{margin-block:10px}}.hero{align-items:center;display:flex;flex-direction:column}.hero-banner{margin-bottom:20px}.pic{height:auto;max-width:100%}.hero-content{text-align:center}.hero-title{margin-bottom:10px}.btn-group{margin-bottom:20px}.btn{font-size:16px;padding:10px 20px}.hero-social-list{display:flex;justify-content:center;list-style:none;padding:0}.hero-social-list li{margin:0 10px}@media (max-width:768px){.hero{margin-top:50px;padding:10px}.btn{font-size:14px}}.about{background:#1f1f1f;padding-block:70px}.about-banner{margin-inline:auto;margin-bottom:80px;max-width:400px}.about{max-width:none;width:100%}.card-container{background:#1f1f1f;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px}.card{background-color:#9e9e9e;border:1px solid #615c5c;border-radius:18px;box-sizing:border-box;flex-basis:calc(33.33% - 20px);flex-grow:0;flex-shrink:0;margin-bottom:20px;opacity:.9;padding:20px;text-align:center}.download-button{background-color:#e38445;border-radius:5px;color:#1a1a1a;display:inline-block;padding:10px 20px;text-decoration:none}.download-button:hover{background-color:#0056b3}@media screen and (max-width:768px){.card{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:0}}@media screen and (max-width:480px){.card{flex-basis:calc(100% - 20px);flex-grow:0;flex-shrink:0}}p{color:#050604}h2,p{opacity:1}h2{color:#eb3705;font-weight:bolder}.skills{background:#212121;padding-block:70px}.skills-content{margin-bottom:50px}.skills-toggle{align-items:center;background:#303030;border-radius:100px;display:flex;margin-inline:auto;padding:5px;position:relative;width:-webkit-max-content;width:max-content;z-index:1}.skills-toggle:before{border-radius:100px;bottom:5px;content:"";left:5px;position:absolute;top:5px;transition:.25s ease-in-out;width:93px;z-index:-1}.skills-toggle.active:before{left:98px;width:94px}.toggle-btn{background:none;border:none;font-family:var(--ff-poppins);font:inherit;padding:5px 25px}.toggle-btn,.toggle-btn.active{color:#fff;transition:.25s ease-in-out}.toggle-btn.active{background:#e38445;border-radius:100px;bottom:5px;left:5px;width:93px;z-index:-1}.skills-box .tools-list,.skills-box.active .skills-list{display:none}.skills-box .skills-list,.skills-box.active .tools-list{align-items:center;-webkit-animation:fadeIn .5s ease-out forwards;animation:fadeIn .5s ease-out forwards;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.skill-card{background:#303030;border-radius:12px;box-shadow:var(--shadow-1);cursor:help;display:grid;height:100px;place-items:center;position:relative;width:100px}.skill-card:hover .tooltip{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.tooltip{background:var(--raw-seinna);border:2px solid pink;border-radius:var(--radius-4);box-shadow:var(--shadow-1);color:#fff;font-size:15px;font-weight:var(--fw-700);min-width:-webkit-max-content;min-width:max-content;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;top:-40px;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:var(--transition-1);z-index:1}.project-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.project-card{border:1px solid #ccc;border-radius:5px;height:100%}.project-image{height:auto;width:100%}.project-info{color:#fff;padding:20px}.project-title{color:#fff;margin-top:0}.project-description{color:#9e9e9e}.project-link{color:#007bff;display:block;margin-top:10px;text-decoration:none}.project{background:#1f1f1f;padding-block:80px}.project-card{border-radius:var(--radius-12);box-shadow:2px 4px 6px rgba(0,0,0,.2);overflow:hidden;position:relative}.project-card .card-content{bottom:0;left:0;padding:20px;position:absolute;width:100%}.contact{background:#1f1f1f;padding-block:70px}.contact-content{margin-bottom:50px}.contact-list-item{align-items:flex-start;display:flex;gap:15px;margin-bottom:20px}.contact-item-icon{color:#c07399;font-size:25px}.contact-item-icon ion-icon{--ionicon-stroke-width:40px}.contact-item-title{color:#9e9e9e;margin-bottom:13px;margin-top:7px}.contact-list-item .contact-info{color:#9e9e9e;font-style:normal;line-height:1.6;transition:.25s ease-in-out}.contact-info:not(address):is(:hover,:focus){color:red}.contact-social-list{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;padding-inline:40px}.contact-form{background:#303030;border-radius:12px;padding:20px}.form-wrapper{margin-bottom:25px}.form-label{color:#fff;font-family:Poppins,sans-serif;font-size:.77rem;margin-bottom:8px;margin-left:5px}.input-wrapper{position:relative}.input-field{background:#292929;border-radius:12px;color:#e38445;padding:10px 10px 10px 40px;transition:.25s ease-in-out}textarea.input-field{height:120px;max-height:200px;min-height:60px;resize:vertical}.input-field:focus{outline:1px solid}input,textarea{background:none;border:none;font:inherit;width:100%}.submit-message{color:#8ad21e}
/*# sourceMappingURL=main.949a5336.css.map*/