@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap);:root{--header-height:3rem;--hue:174;--sat:63%;--first-color:hsl(var(--hue),var(--sat),40%);--first-color-alt:hsl(var(--hue),var(--sat),36%);--title-color:hsl(var(--hue),12%,15%);--text-color:hsl(var(--hue),8%,35%);--body-color:hsl(var(--hue),10%,96%);--container-color:#c1b6b6;--body-font:"Open Sans",sans-serif;--h1-font-size:1.5rem;--normal-font-size:0.938rem;--tiny-font-size:0.625rem;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:968px){:root{--h1-font-size:2.25rem;--normal-font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{overflow-x:hidden!important}body{background-color:#f4f6f6;background-color:var(--body-color);color:#52605f;color:var(--text-color);font-family:Open Sans,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);margin:3rem 0 0;margin:var(--header-height) 0 0 0;overflow-y:hidden!important}ul{list-style:none}a{text-decoration:none}img{height:auto;max-width:100%}.section{padding:4.5rem 0 2rem!important}.section__title{color:#222b2a;color:var(--title-color);font-size:1.5rem;font-size:var(--h1-font-size);margin-bottom:1.5rem;text-align:center}.container{margin-left:1rem!important;margin-right:1rem!important;max-width:968px!important}.header{background-color:#c1b6b6!important;background-color:var(--container-color)!important;left:0!important;position:fixed!important;top:0!important;transition:.4s!important;width:100%!important;z-index:100!important;z-index:var(--z-fixed)!important}.nav{align-items:center!important;display:flex!important;height:3rem!important;height:var(--header-height)!important;justify-content:space-between!important}.nav__img{border-radius:50%!important;width:32px!important}.nav__logo{color:#222b2a!important;color:var(--title-color)!important;font-weight:600!important}@media screen and (max-width:767px){.nav__menu{align-content:center!important;background-color:#c1b6b6!important;background-color:var(--container-color)!important;border-radius:1.25rem 1.25rem 0 0!important;bottom:0!important;box-shadow:0 -1px 12px rgba(14,62,58,.15)!important;box-shadow:0 -1px 12px hsla(var(--hue),var(--sat),15%,.15)!important;display:grid!important;height:4rem!important;left:0!important;padding:0 1rem!important;position:fixed!important;transition:.4s!important;width:100%!important}}.nav__link,.nav__list{display:flex!important}.nav__link{align-items:center!important;color:#222b2a!important;color:var(--title-color)!important;flex-direction:column!important;font-weight:600!important;row-gap:4px!important}.nav__list{justify-content:space-around!important}.nav__name{font-size:.625rem!important;font-size:var(--tiny-font-size)!important}header a{color:#000;text-decoration:none!important}.nav__icon{font-size:1.5rem!important}.active-link{position:relative!important;transition:.3s!important}.scroll-header{box-shadow:0 1px 12px rgba(14,62,58,.15)!important;box-shadow:0 1px 12px hsla(var(--hue),var(--sat),15%,.15)!important}@media screen and (max-width:320px){.nav__name{display:none!important}}@media screen and (min-width:576px){.nav__list{-webkit-column-gap:3rem!important;column-gap:3rem!important;justify-content:center}}@media screen and (min-width:767px){body{margin:0!important}.section{padding:7rem 0 2rem!important}.nav{height:4.5rem!important;height:calc(var(--header-height) + 1.5rem)!important}.nav__icon,.nav__img{display:none!important}.nav__name{font-size:.938rem!important;font-size:var(--normal-font-size)!important}.nav__link:hover{color:#26a699!important;color:var(--first-color)!important}.active-link:before{background-color:#26a699!important;background-color:var(--first-color)!important;border-radius:50%!important;bottom:-.75rem!important;bottom:-.75rem;content:""!important;height:4px!important;position:absolute!important;width:4px!important}}@media screen and (min-width:1024px){.container{margin-left:auto!important;margin-right:auto!important}}.greetings .container{align-items:center!important;display:flex!important;height:100vh!important;justify-content:center!important}.greetings .container p{font-size:3rem!important;font-weight:700!important;letter-spacing:.1rem!important;overflow:hidden!important;padding:.5rem!important;text-align:center!important}.greetings .container p span.typed-text{color:#ee680f;font-size:45px;font-weight:400}.greetings .container p span.cursor{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;background-color:#ccc;display:inline-block;margin-left:.1rem;width:3px}.greetings .container p span.cursor.typing{-webkit-animation:none;animation:none}@-webkit-keyframes blink{0%{background-color:#ccc}49%{background-color:#ccc}50%{background-color:initial}99%{background-color:initial}to{background-color:#ccc}}@keyframes blink{0%{background-color:#ccc}49%{background-color:#ccc}50%{background-color:initial}99%{background-color:initial}to{background-color:#ccc}}.greetings .type{-webkit-animation:typing 3.5s steps(30),blinking-caret .5s step-end infinite;animation:typing 3.5s steps(30),blinking-caret .5s step-end infinite;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:10;animation-iteration-count:10;color:#2f2c2c;letter-spacing:.15em;margin:0 auto;opacity:0;overflow:hidden;white-space:nowrap}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blinking-caret{0%,to{border-color:transparent}50%{border-color:#000}}@keyframes blinking-caret{0%,to{border-color:transparent}50%{border-color:#000}}@media screen and (max-wdith:600px){.greetings .sec{display:grid;place-items:center}.greetings .typed-text{font-size:small!important}}.browser{background:#fff;background:#d3d3d3;border-radius:3px;box-shadow:0 4px 20px rgba(0,0,0,.25);color:#222;margin:40px auto;max-width:700px}.browser .tabs{display:flex;padding:.5em 1em 0}.browser .tabs .tab{border-radius:6px 6px 0 0;font-size:13px;height:40px;line-height:40px;padding:0 1em;position:relative;width:100px}.browser .tabs .tab .close{border-radius:100%;font-size:16px;height:1em;line-height:.9em;position:absolute;right:.75em;text-align:center;top:.75em;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:1em}.browser .tabs .tab .close:hover{background:rgba(255,50,50,.75);color:#fff}.browser .tabs .tab:hover{background:#e6e6e6;cursor:pointer}.browser .tabs .tab:after,.browser .tabs .tab:before{bottom:-.1em;content:"";height:.5em;opacity:0;position:absolute;width:.5em}.browser .tabs .tab:after{background:radial-gradient(circle at top left,transparent 66%,#f0f0f0 0);left:0;-webkit-transform:translateX(-90%);transform:translateX(-90%)}.browser .tabs .tab:before{background:radial-gradient(circle at top right,transparent 66%,#f0f0f0 0);right:0;-webkit-transform:translateX(90%);transform:translateX(90%)}.browser .toolbar{background:#f0f0f0;display:flex;padding:.5em}.browser .toolbar .controls{box-sizing:border-box;display:flex;justify-content:space-between;padding:0 .5em 0 0;text-align:center;width:100px}.browser .toolbar .controls i{color:#444;height:30px;line-height:30px;width:30px}.browser .toolbar .url{background:#fff;border:none;border-radius:6px;box-sizing:border-box;flex:1 1;height:30px;padding:0 .5em}.browser .toolbar .url .text{display:none;font-size:12px;line-height:30px}.browser .display{background:#fff;border-radius:0 0 3px 3px;height:300px;overflow:hidden;position:relative;width:100%}.browser .display iframe{background:#fff;background:red;border:none;height:200%;left:0;overflow:hidden;position:absolute;top:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:top left;transform-origin:top left;width:200%}[name=tabs]{display:none}[name=tabs]:first-of-type:checked~.browser .tabs .tab:first-of-type{background:#f0f0f0;z-index:10}[name=tabs]:first-of-type:checked~.browser .tabs .tab:first-of-type:after,[name=tabs]:first-of-type:checked~.browser .tabs .tab:first-of-type:before{opacity:1}[name=tabs]:first-of-type:checked~.browser .url .text:first-of-type{display:block}[name=tabs]:first-of-type:checked~.browser .display iframe:first-of-type{background:#f0f0f0;z-index:10}[name=tabs]:first-of-type:checked~.browser .display iframe:first-of-type:after,[name=tabs]:first-of-type:checked~.browser .display iframe:first-of-type:before{opacity:1}[name=tabs]:nth-of-type(2):checked~.browser .tabs .tab:nth-of-type(2){background:#f0f0f0;z-index:10}[name=tabs]:nth-of-type(2):checked~.browser .tabs .tab:nth-of-type(2):after,[name=tabs]:nth-of-type(2):checked~.browser .tabs .tab:nth-of-type(2):before{opacity:1}[name=tabs]:nth-of-type(2):checked~.browser .url .text:nth-of-type(2){display:block}[name=tabs]:nth-of-type(2):checked~.browser .display iframe:nth-of-type(2){background:#f0f0f0;z-index:10}[name=tabs]:nth-of-type(2):checked~.browser .display iframe:nth-of-type(2):after,[name=tabs]:nth-of-type(2):checked~.browser .display iframe:nth-of-type(2):before{opacity:1}[name=tabs]:nth-of-type(3):checked~.browser .tabs .tab:nth-of-type(3){background:#f0f0f0;z-index:10}[name=tabs]:nth-of-type(3):checked~.browser .tabs .tab:nth-of-type(3):after,[name=tabs]:nth-of-type(3):checked~.browser .tabs .tab:nth-of-type(3):before{opacity:1}[name=tabs]:nth-of-type(3):checked~.browser .url .text:nth-of-type(3){display:block}[name=tabs]:nth-of-type(3):checked~.browser .display iframe:nth-of-type(3){background:#f0f0f0;z-index:10}[name=tabs]:nth-of-type(3):checked~.browser .display iframe:nth-of-type(3):after,[name=tabs]:nth-of-type(3):checked~.browser .display iframe:nth-of-type(3):before{opacity:1}.skills body{grid-column-gap:2rem;background:linear-gradient(to bottom right,#ad5389,#3c1053);display:grid;font-family:Patrick Hand;font-size:1.2rem;grid:2rem auto/repeat(2,50%);justify-content:center;min-height:100vh;padding:4rem 2rem 2rem;width:100%}.skills body .folder{grid-column:1/-1}.skills p{margin-bottom:1rem}.skills .tab{background:var(--background);border:none;border-radius:6px 6px 0 0;cursor:pointer;display:inline-block;-webkit-filter:drop-shadow(0 -3px 2px rgba(0,0,0,.05));filter:drop-shadow(0 -3px 2px rgba(0,0,0,.05));font-family:Patrick Hand;line-height:.8;margin-left:-35px;margin-right:4rem;position:relative;text-transform:uppercase;white-space:nowrap}.skills .tab:focus{outline:none}.skills .tab:focus span{border-bottom:2px solid;border-radius:0}.skills .tab:first-of-type{margin-left:30px}.skills .tab div{background:var(--background);padding:6px 0;position:relative;z-index:10}.skills .tab span{border:2px solid transparent;border-radius:5px;color:#fff;display:inline-block;font-size:140%;min-width:6rem;padding:6px 15px;position:relative;z-index:5}.skills .tab:before,.tab:after{background:var(--background);border-radius:8px 8px 0 0;content:"";height:100%;position:absolute;top:0;width:30px}.skills .tab:before{border-radius:0 8px 0 0;right:-16px;-webkit-transform:skew(25deg);transform:skew(25deg)}.skills .tab:after{border-radius:8px 0 0 0;left:-16px;-webkit-transform:skew(-25deg);transform:skew(-25deg)}.skills .tab.active{position:relative;z-index:50}.skills .tab.active span{background:#fff;border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,.1);color:#000}.skills .content{border-radius:10px;position:relative;width:100%}.skills .content #tab-1{display:block}.skills .content:before{border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.skills .content__inner{background:var(--background);border-radius:inherit;display:none;-webkit-filter:drop-shadow(0 -2px 2px rgba(0,0,0,.1));filter:drop-shadow(0 -2px 2px rgba(0,0,0,.1));font-family:Yomogi,sans-serif;padding:1rem;z-index:5}.skills .folder{-ms-overflow-style:none;margin:1rem auto;max-width:50rem;width:100%}.skills .folder ::-webkit-scrollbar{background:transparent;display:none}.skills .page{background-color:#f9f9f9;background-image:linear-gradient(#e4e4e4 1px,transparent 0);background-size:8% 8%,2px 2px;border-radius:2px;-webkit-filter:drop-shadow(0 1px 3px rgba(0,0,0,.15));filter:drop-shadow(0 1px 3px rgba(0,0,0,.15));line-height:160%;min-height:20rem;padding:1.5rem}.skills .tabs{margin:0 .5rem;overflow-x:auto;padding:2rem 0 0;white-space:nowrap;width:100%;width:calc(100% - 1rem)}@media (min-width:50rem){.skills .tabs{margin:0 2rem;width:calc(100% - 4rem)}}#solid:checked~.folder .content__inner:first-of-type,#solid:checked~.folder .tab:first-of-type{--background:#af4d98}#solid:checked~.folder .content__inner:nth-of-type(2),#solid:checked~.folder .tab:nth-of-type(2){--background:#d66ba0}#solid:checked~.folder .content__inner:nth-of-type(3),#solid:checked~.folder .tab:nth-of-type(3){--background:#e5a9a9}#solid:checked~.folder .content__inner:nth-of-type(4),#solid:checked~.folder .tab:nth-of-type(4){--background:#6cb6bb}#solid:checked~.folder .tab{border:solid;border-width:2px 0 0}#solid:checked~.folder .tab:after,#solid:checked~.folder .tab:before{border-top:2px solid;top:-2px}#solid:checked~.folder .tab:before{border-right:2px solid}#solid:checked~.folder .tab:after{border-left:2px solid}#solid:checked~.folder .tab.active span{border:2px solid}#solid:checked~.folder .tab.active:focus span{outline:1px solid hsla(0,0%,100%,.7)}#solid:checked~.folder .tab:not(.active){border-bottom:2px solid}#solid:checked~.folder .tab:not(.active):after,#solid:checked~.folder .tab:not(.active):before{box-shadow:0 1.5px 0 #000}#solid:checked~.folder .content{left:-2px;top:-2px}#solid:checked~.folder .content__inner{box-shadow:0 0 0 1.5px #000}#solid:checked~.folder .page{border:2px solid}#shadow:checked~.folder .tab{--background:linear-gradient(180deg,#fee9a5,#f9d877)}#shadow:checked~.folder .tab span{color:#000}#shadow:checked~.folder .tab:focus span{border-bottom-color:#000}#shadow:checked~.folder .tab.active:focus span{border-color:#000}#shadow:checked~.folder .content__inner{--background:linear-gradient(180deg,#f9d877,#fee9a5)}.skills input.variation{display:none}.skills input.variation+label{align-items:center;color:#080000;-webkit-column-gap:10px;column-gap:10px;cursor:pointer;display:flex}.skills input.variation+label .circle{border:3px solid #000;border-radius:50%;height:25px;width:25px}.skills input.variation:checked+label .circle{background:#000;box-shadow:inset 0 0 0 3px #fff}.skills input.variation:first-of-type+label{justify-self:flex-end}.skills h3:before{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right}.skills h3:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.skills h3:before{background:#9df;bottom:0;content:" ";display:block;left:0;position:absolute;right:0;top:0;inset:0 0 0 0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:-1}.skills h3{position:relative;text-align:center}.achiv{box-sizing:border-box;margin:0;padding:0}.achiv .container{min-height:100vh;position:relative!important}.container .video-contianer{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:10px}.container .video-contianer .video{border:5px solid #fff;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.7);cursor:pointer;height:250px;overflow:hidden;width:350px}.container .video-contianer .video video{height:100%;object-fit:cover;transition:.2s linear;width:100%}.container .video-contianer .video:hover video{-webkit-transform:(1.1);transform:(1.1)}.container .popup-video{background:rgba(0,0,0,.8);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.container .popup-video video{border:3px solid #fff;border-radius:5px;left:50%;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:750px}.container .popup-video span{color:#fff;cursor:pointer;font-size:50px;font-weight:bolder;position:absolute;right:20px;top:5px;z-index:100}@media (max-width:768px){.container .popup-video video{width:95%}}@mixin clearfix{&:after{clear:both;content:"";display:table}}.title{font-family:Raleway,sans-serif;font-size:36px;letter-spacing:3px;line-height:48px;padding-bottom:48px;text-align:center;text-transform:uppercase}.contacttt .contact-form{.form-field{margin:32px 0;position:relative}.input-text{border-color:#000;border-width:0 0 2px;display:block;font-family:Lusitana,serif;font-size:18px;font-weight:400;height:36px;line-height:26px;width:100%;&:focus{outline:none}&.not-empty,&:focus{+.label{-webkit-transform:translateY(-24px);transform:translateY(-24px)}}}.label{bottom:11px;color:#888;cursor:text;font-family:Lusitana,serif;font-size:18px;font-weight:400;left:20px;line-height:26px;position:absolute;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.submit-btn{background-color:#000;border:none;color:#fff;cursor:pointer;display:inline-block;font-family:Raleway,sans-serif;font-size:16px;letter-spacing:2px;line-height:24px;padding:8px 16px;text-transform:uppercase}}.contacttt .note{bottom:10px;font-family:Lusitana,serif;font-size:16px;left:0;line-height:21px;position:absolute;text-align:center;width:100%;.link{color:#888;text-decoration:none;&:hover{text-decoration:underline}}}#text2,.dem #text1{display:inline-block;font-family:Raleway,sans-serif;font-size:50px;position:absolute;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.form{background:#fff;border-radius:3px;margin:5em auto 6em;padding:1.25em;width:400px}.btn-primary{-webkit-font-smoothing:subpixel-antialiased;background-color:#48c9b0;border:#48c9b0;border-radius:3px;box-shadow:0;color:#fff;display:inherit;font-size:17px;line-height:1.471;margin:1.44em auto .55em;outline:none;padding:10px 19px;text-transform:uppercase;transition:all .5s;width:30%}.btn-primary:hover{background-color:#1abc9c}.form-group{opacity:1;position:relative;transition:.6s}.input-field-icon{bottom:12px;color:#bfc9ca;font-size:18px;position:absolute;right:10px;transition:.6s}.form-control{-webkit-appearance:none;background:#fff;border:0;border-bottom:2px solid #bdc3c7;border-radius:0;font-size:15px;height:42px;line-height:1.467;opacity:1;padding:4px;transition:opacity .6s}input,textarea{box-sizing:border-box;color:#34495e;font-family:Roboto;font-family:inherit;margin-top:1.25em;outline:none;overflow:auto;padding:0 4px;resize:none;transition:all .8s;width:100%}.has-error input,.has-error textarea{border-color:#e74c3c;color:#e74c3c}.has-error .input-field-icon{color:#e74c3c}.has-success input,.has-success textarea{border-color:#2ecc71;color:#2ecc71}.has-success .input-field-icon{color:#2ecc71}input:focus,textarea:focus{border-color:#48c9b0;color:#34495e}input:focus+.input-field-icon{color:#34495e}textarea.form-control{height:120px;transition:.6s}textarea.form-control:focus{border-color:#48c9b0;height:200px}.social{display:block;margin:auto;width:250px}.social li{display:inline-block;list-style:none;margin:auto 10px auto auto}.social li a{border:2px solid #999;border-radius:100%;color:#999;display:block;font-size:26px;padding:3px;text-align:center;text-decoration:none;transition:all .4s;width:34px}.social li a:hover{background:#999;color:#fff}.social li a span{margin-top:4px;text-align:center}@media (max-width:600px){.form{margin-top:12%;width:90%}}.d-none{display:none}
/*# sourceMappingURL=main.7ffb19ba.css.map*/