body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}:before{color:#fff}body,html{overflow-x:hidden}*,body,html{margin:0;padding:0;box-sizing:border-box;font-size:10px;font-family:"Open Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;text-decoration:none}body{background-color:#1d1d1d}a{display:inline-block;max-width:100%;overflow:visible}.page-container{overflow:hidden;margin-left:60px;padding:0 60px;color:#fff;height:100vh}.main-h{display:block;position:relative;width:auto;font-size:8rem;letter-spacing:1px;color:#0cd8b9}.main-p{font-size:3rem;line-height:1.4;margin-bottom:15px;font-weight:200;color:#adadad;letter-spacing:2px}.notify{position:fixed;display:flex;justify-content:flex-start;align-items:center;bottom:20px;right:0;width:250px;border-left:2px solid #0cd8b9;padding:15px;background-color:#000;font-size:1.5rem;z-index:15}.notify p{display:inline-block;font-size:1.2rem}.notify .__icon-container{display:flex;justify-content:center;align-items:center;min-width:40px;min-height:40px;color:#1d1d1d;background-color:#0cd8b9;margin-left:15px}.notify .__icon-container svg{font-size:2rem}.page-container{overflow-y:auto}body ::-webkit-scrollbar{width:3px;height:3px}body ::-webkit-scrollbar-button{width:0;height:0}body ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.5490196078431373);border:0 #fff;border-radius:50px}body ::-webkit-scrollbar-thumb:hover{background:transparent}body ::-webkit-scrollbar-thumb:active{background:#d0053e}body ::-webkit-scrollbar-track{background:transparent;border:0 #fff;border-radius:50px}body ::-webkit-scrollbar-track:hover{background:#3e3e3e}body ::-webkit-scrollbar-track:active{background:#333}body ::-webkit-scrollbar-corner{background:transparent}.rec-slider-container{padding:0!important}.rec-dot{box-shadow:0 0 1px 2px #adadad!important;padding:0 5px}.rec-dot_active{background-color:transparent!important;box-shadow:0 0 4px 4px #d0053e!important}button.rec-arrow{position:relative;background-color:transparent;box-shadow:0 0 0 2px #0cd8b9;border-radius:0;color:#0cd8b9}button.rec-arrow:disabled{box-shadow:0 0 0 2px #2e2e2e;color:#2e2e2e}button.rec-arrow:disabled:hover{background-color:transparent!important;box-shadow:0 0 0 2px #2e2e2e}button.rec-arrow:disabled:hover:after{content:"No more projects";display:flex;color:#0cd8b9;position:absolute;width:125px;max-height:90%;padding:4px 10px;font-size:1.5rem;justify-content:center;align-items:center;background-color:#121212;z-index:2}button.rec-arrow:focus,button.rec-arrow:hover{background-color:#0cd8b9!important;box-shadow:0 0 0 2px transparent}.rec-arrow-right{margin-right:15px!important}.rec-arrow-right:disabled:hover:after{transform:translate(-50%,-50%);top:50%!important;right:-40%}.rec-arrow-left{margin-left:15px!important}.rec-arrow-left:disabled:hover:after{transform:translate(50%,-50%);top:50%!important;left:-40%}.btn-default{display:flex;color:#fff;justify-content:center;align-items:center;height:90px;width:280px;max-width:280px;font-size:2.5rem;background-color:rgba(27,27,27,0);position:relative;overflow:visible;cursor:pointer;z-index:2;text-transform:uppercase;letter-spacing:2px;transition:background-color 1s;font-weight:200;outline:none;border:none}.btn-default:before{left:-15px;border-left:3px solid #d0053e;border-top:3px solid #d0053e;z-index:1}.btn-default:after,.btn-default:before{content:"";position:absolute;width:100%;height:100%;transition:all .3s ease-in-out}.btn-default:after{left:15px;top:3px;border-right:3px solid #0cd8b9;border-bottom:3px solid #0cd8b9;z-index:-1}.btn-default:hover:after,.btn-default:hover:before{left:0}.btn-default:hover{background-color:#1a1a1a}#hamburger-container{visibility:hidden;opacity:0;display:none}nav.main_nav{display:grid;grid-template-columns:1fr;grid-template-rows:20px 1fr 1fr 1fr 20px;grid-template-areas:" . " "logo " "navlinks" "footer" " . ";position:fixed;top:0;left:0;height:100vh;width:60px;background-color:#121212;z-index:10}nav.main_nav #logo-container{grid-area:logo;display:flex;justify-content:center}nav.main_nav #logo-container a{align-self:flex-start}nav.main_nav #logo-container .logo{display:flex;justify-content:center;align-items:center}nav.main_nav #logo-container .logo svg{width:70%;height:70%;max-width:100%;max-height:70%}nav.main_nav ul{flex-direction:column}nav.main_nav ul,nav.main_nav ul li{display:flex;justify-content:center;align-items:center}nav.main_nav ul li{position:relative;min-height:50px;width:60px;cursor:pointer;list-style:none}nav.main_nav ul li svg{font-size:2rem;color:#d0053e;transition:opacity .4s ease-in-out}nav.main_nav ul .nav-home:before{content:"home";display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:.9rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav ul .nav-home:hover svg{opacity:0}nav.main_nav ul .nav-home:hover:before{opacity:1}nav.main_nav ul .nav-about:before{content:"about";display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:.9rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav ul .nav-about:hover svg{opacity:0}nav.main_nav ul .nav-about:hover:before{opacity:1}nav.main_nav ul .nav-skills:before{content:"skills";display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:.9rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav ul .nav-skills:hover svg{opacity:0}nav.main_nav ul .nav-skills:hover:before{opacity:1}nav.main_nav ul .nav-work:before{content:"my work";display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:.9rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav ul .nav-work:hover svg{opacity:0}nav.main_nav ul .nav-work:hover:before{opacity:1}nav.main_nav ul .nav-contact:before{content:"contact";display:flex;align-items:center;justify-content:center;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:.9rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav ul .nav-contact:hover svg{opacity:0}nav.main_nav ul .nav-contact:hover:before{opacity:1}nav.main_nav .active li,nav.main_nav .active li:before,nav.main_nav .active li svg{color:#0cd8b9;transition:all .4s ease-in-out;cursor:default}nav.main_nav .nav-links{grid-area:navlinks}nav.main_nav #footer{grid-area:footer;display:flex;flex-direction:column;width:100%;flex:1 1 50%;justify-content:flex-end}nav.main_nav #footer li svg{transition:color .4s ease-in-out}nav.main_nav #footer li:hover svg{color:#0cd8b9}.aside-nav,.aside-nav .__buttons{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.aside-nav .__buttons{background-color:#101010;padding:10px 0}.aside-nav .__buttons .__btn{color:#adadad;cursor:pointer;font-size:1.6rem;padding:0 10%}.aside-nav .__buttons .active{color:#0cd8b9;border-bottom:1px solid #0cd8b9;font-weight:700}@media (max-width:1024px){.page-container{margin-left:0}#hamburger-container{display:block;position:fixed;top:35px;right:35px;cursor:pointer;z-index:15;visibility:visible;opacity:1}#hamburger-container button{border:none;background:none;outline:none;cursor:pointer}#hamburger-container .active{color:#0cd8b9;fill:#0cd8b9}#hamburger-container svg.disabled{color:#adadad;fill:#adadad;transform:scale(.87)}#hamburger-container .hamburger-on{color:#d0053e;fill:#d0053e}#hamburger-container svg{transition:all .15s ease-in-out;transition-property:color width height;height:85px;width:85px;color:#adadad;fill:#adadad}nav.main_nav{visibility:hidden;width:50%}nav.main_nav #logo-container .logo svg{width:50%;height:50%;max-width:100%;max-height:100%}nav.main_nav ul a{width:100%}nav.main_nav ul a li{width:100%;height:100%}nav.main_nav ul a li svg{width:6rem;height:6rem;opacity:0}nav.main_nav ul a .nav-about:before,nav.main_nav ul a .nav-contact:before,nav.main_nav ul a .nav-home:before,nav.main_nav ul a .nav-skills:before,nav.main_nav ul a .nav-work:before{display:flex;align-items:center;justify-content:center;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:2rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav #footer .__social-links{display:flex;flex-direction:row;align-items:flex-end}nav.main_nav #footer .__social-links li svg{opacity:1}.aside-nav{align-items:center;width:100%;align-items:flex-start}.aside-nav,.aside-nav .__buttons{display:flex;flex-direction:row;justify-content:center}.aside-nav .__buttons{height:auto;background-color:transparent;padding:10px 0;align-items:center}.aside-nav .__buttons .__btn{width:100%;display:flex;background-color:#101010;justify-content:center;align-items:center;color:#adadad;cursor:pointer;font-size:3rem;padding:5% 10%}.aside-nav .__buttons .active{color:#0cd8b9;border-bottom:1px solid #0cd8b9;font-weight:700}}@media (max-width:700px){#hamburger-container{top:25px;right:25px}#hamburger-container svg{height:50px;width:50px}nav.main_nav ul{flex-direction:column}nav.main_nav ul,nav.main_nav ul a .nav-home:before{display:flex;justify-content:center;align-items:center;width:100%}nav.main_nav ul a .nav-home:before{content:"home";opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:1.5rem;letter-spacing:.2rem;transition:opacity .4s ease-in}nav.main_nav ul a .nav-home:hover svg{opacity:0}nav.main_nav ul a .nav-home:hover:before{opacity:1}nav.main_nav ul a .nav-about:before{content:"about";display:flex;align-items:center;justify-content:center;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:1.5rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav ul a .nav-about:hover svg{opacity:0}nav.main_nav ul a .nav-about:hover:before{opacity:1}nav.main_nav ul a .nav-skills:before{content:"skills";display:flex;align-items:center;justify-content:center;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:1.5rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav ul a .nav-skills:hover svg{opacity:0}nav.main_nav ul a .nav-skills:hover:before{opacity:1}nav.main_nav ul a .nav-work:before{content:"my work";display:flex;align-items:center;justify-content:center;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:1.5rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav ul a .nav-work:hover svg{opacity:0}nav.main_nav ul a .nav-work:hover:before{opacity:1}nav.main_nav ul a .nav-contact:before{content:"contact";display:flex;align-items:center;justify-content:center;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:1.5rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav ul a .nav-contact:hover svg{opacity:0}nav.main_nav ul a .nav-contact:hover:before{opacity:1}#footer .__social-links{flex:1 1 20%}#footer .__social-links li svg{width:50%}.aside-nav .__buttons .__btn{font-size:2rem}}@media (max-width:1024px) and (orientation:landscape){.page-container{margin-left:0}nav.main_nav{width:100%;grid-template-columns:20px 1fr 1fr 1fr 20px;grid-template-rows:20px 1fr 1fr 1fr 20px;grid-template-areas:" . .       .        .        . " " . logo    navlinks navlinks . " " . .       navlinks navlinks . " " . footer  navlinks navlinks . " " . .       .        .        . "}nav.main_nav ul a{width:100%}nav.main_nav ul a .nav-home:before{content:"home"}nav.main_nav ul a .nav-about:before,nav.main_nav ul a .nav-contact:before,nav.main_nav ul a .nav-home:before,nav.main_nav ul a .nav-skills:before,nav.main_nav ul a .nav-work:before{display:flex;align-items:center;justify-content:center;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:1.2rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}nav.main_nav #footer{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"sociallinks" "asidenav"}nav.main_nav #footer .__social-links{grid-area:sociallinks}nav.main_nav #footer .__social-links a svg{width:40px;transition:color .4s ease-in-out}.aside-nav{grid-area:asidenav}.aside-nav .__buttons{height:50%;background-color:transparent;padding:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%}.aside-nav .__buttons .__btn{background-color:transparent;font-size:2rem}}@media (max-height:600px){nav.main_nav #logo-container .logo svg{width:45%;height:45%;max-width:100%;max-height:100%}nav.main_nav ul a li{min-height:auto;max-height:45px}nav.main_nav ul a li svg{width:5rem;height:5rem}nav.main_nav ul a .nav-about:before,nav.main_nav ul a .nav-contact:before,nav.main_nav ul a .nav-home:before,nav.main_nav ul a .nav-skills:before,nav.main_nav ul a .nav-work:before{display:flex;align-items:center;justify-content:center;opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-transform:uppercase;font-size:1.2rem;letter-spacing:.2rem;transition:opacity .4s ease-in;width:100%}.aside-nav .__buttons{padding:0}.aside-nav .__buttons .__btn{font-size:2rem;padding:5% 10%}}header.home{opacity:0;position:relative;background-color:#1d1d1d;width:100vw;height:100vh;max-height:100vh;max-width:100vw}header.home .header-text{position:absolute;bottom:15%;left:5%;z-index:2;overflow:visible}header.home #header-h4{margin-bottom:50px}header.home #header-h2-span{position:relative;font-size:11rem;z-index:1}header.home #header-h2-span:before{color:#d0053e;left:-3px}header.home #header-h2-span:after,header.home #header-h2-span:before{content:attr(data-content);position:absolute;white-space:pre;word-wrap:break-word;z-index:-1}header.home #header-h2-span:after{color:#0cd8b9;left:3px}header.home h2,header.home h4{color:#fff;text-transform:uppercase;opacity:0}header.home h2{font-size:11rem;letter-spacing:.5rem}header.home h4{position:relative;color:#0cd8b9;font-size:1.7rem;letter-spacing:.5rem}header.home .header-image-container{position:absolute;display:flex;justify-content:center;align-items:center;left:70%;top:50%;transform:translate(-50%,-50%);height:80vh;max-height:900px;max-width:900px}@media (max-width:1920px){header.home .header-text{bottom:10%;left:5%}header.home #header-h2-span,header.home h2{font-size:8.5rem}header.home h4{font-size:1.7rem}header.home .header-image-container{top:40%;left:60%;height:60%;max-height:900px;max-width:900px}}@media (max-width:1400px){header.home .header-text{bottom:5%;left:5%}header.home #header-h2-span,header.home h2{font-size:6rem}header.home h4{font-size:2rem}header.home .header-image-container{top:5%;left:50%;height:60%;max-height:900px;max-width:900px;transform:translate(-50%)}}@media (max-width:1024px){header.home .header-text{bottom:5%;left:5%}header.home #header-h2-span,header.home h2{font-size:6rem}header.home h4{font-size:1.4rem;margin-bottom:20px}header.home .header-image-container{top:5%;left:50%;height:55%;max-height:900px;max-width:900px;transform:translate(-50%)}}@media (max-width:768px){header.home .header-text{bottom:5%;left:5%}header.home #header-h2-span,header.home h2{font-size:6rem}header.home h4{font-size:1.4rem;margin-bottom:25px}header.home .header-image-container{top:5%;left:50%;height:55%;max-height:900px;max-width:900px;transform:translate(-50%);visibility:visible}}@media (max-width:425px){header.home .header-text{bottom:25%;left:5%}header.home #header-h2-span,header.home h2{font-size:5rem}header.home h4{font-size:1.2rem;margin-bottom:0}header.home .header-image-container{top:5%;left:70%;height:55%;max-height:900px;max-width:900px;transform:translate(-50%);visibility:visible}.btn-default{height:55px;width:220px;max-width:280px;margin:30px auto 0 5%;font-size:1.2rem}}@media (min-width:360px) and (max-width:424px){header.home .header-text{bottom:10%;left:5%}header.home #header-h2-span,header.home h2{font-size:3.15rem}header.home h2{letter-spacing:.2rem}header.home h4{font-size:1.2rem;margin-bottom:0}header.home .header-image-container{top:10%;left:50%;height:45%;max-height:900px;max-width:900px;transform:translate(-50%);visibility:visible}.btn-default{height:55px;width:220px;max-width:280px;margin:30px auto 0 5%;font-size:1.2rem}#header-h2-span:before{left:-1px}#header-h2-span:after{left:1px}}@media (min-width:320px) and (max-width:359px){header.home .header-text{bottom:5%;left:5%}header.home #header-h2-span,header.home h2{font-size:2.55rem}header.home h2{letter-spacing:.2rem}header.home h4{font-size:1rem;margin-bottom:0}header.home .header-image-container{top:15%;left:50%;height:42%;max-height:900px;max-width:900px;transform:translate(-50%);visibility:visible}.btn-default{height:52px;width:200px;max-width:280px;margin:30px auto 0 5%;font-size:1.2rem}#header-h2-span:before{left:-1px}#header-h2-span:after{left:1px}}@media (max-width:860px) and (orientation:landscape){header.home .header-text{bottom:15%;left:5%}header.home #header-h2-span,header.home h2{font-size:3rem}header.home h4{font-size:1.4rem;margin-bottom:0}header.home .header-image-container{top:50%;left:75%;height:70%;max-height:900px;max-width:900px;transform:translate(-50%,-50%)}.btn-default{height:52px;width:200px;max-width:280px;margin:5% auto 0 5%;font-size:1.2rem}}@media (max-width:600px) and (orientation:landscape){header.home .header-text{bottom:5%;left:5%}header.home #header-h2-span,header.home h2{font-size:2.2rem}header.home h4{font-size:1rem;margin-bottom:0}header.home .header-image-container{top:50%;left:70%;height:70%;max-height:900px;max-width:900px;transform:translate(-50%,-50%)}.btn-default{height:45px;width:160px;max-width:280px;margin:5% auto 10% 5%;font-size:1.2rem}}.about{opacity:0}.about .about-me{position:absolute;top:50%;transform:translateY(-50%);max-height:100%;max-width:1400px}.about .about-me .main-h{margin-bottom:50px}.about .about-me #about-p{margin-bottom:60px}@media (max-width:825px){.page-container.about{padding:0;overflow-y:scroll}.page-container.about .about-me{padding:40px}.page-container.about .about-me .main-h{font-size:6.4rem;margin:30px 0 20px}.page-container.about .about-me #about-p{margin-bottom:10%}.page-container.about .about-me #about-p .main-p{font-size:2.5rem}.page-container.about .about-me .btn-default{margin:0 0 40px 20px}}@media (max-width:600px){.page-container.about .about-me{padding:20px}.page-container.about .about-me .main-h{font-size:6rem;margin:30px 0 20px}.page-container.about .about-me #about-p .main-p{font-size:2.2rem}}@media (max-width:320px){.page-container.about .about-me .main-h{font-size:5rem;margin:40px 0 20px}.page-container.about .about-me #about-p{margin-bottom:0}.page-container.about .about-me #about-p .main-p{font-size:2rem}}.skills{opacity:0;display:flex}.skills .__skills-info{display:flex;width:50%;height:100%;justify-content:center;align-items:flex-start;flex-direction:column}.skills .__skills-info .main-h{margin-bottom:50px}.skills .__skill-tags{text-align:center;position:relative;background-color:#0cd8b9;padding:20px;margin:30px 0 100px}.skills .__skill-tags .__tag{color:#1d1d1d;font-size:2rem;letter-spacing:2px;font-weight:700}.skills .__skill-tags:before{top:0;left:0;border-top:2rem solid #1d1d1d;border-right:2rem solid transparent}.skills .__skill-tags:after,.skills .__skill-tags:before{content:"";display:block;position:absolute;width:0;height:0}.skills .__skill-tags:after{bottom:0;right:0;border-bottom:2rem solid #1d1d1d;border-left:2rem solid transparent}.skills .svg-container{display:flex;justify-content:center;align-items:center;width:50%;overflow:hidden}.skills .svg-container .__skills-img{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.skills .svg-container .__skills-img .skills-svg{visibility:visible;opacity:1}@media (max-width:1920px){.skills{flex-direction:column}.skills .__skills-info{position:relative;z-index:2;order:2;justify-content:normal;flex-direction:column;padding:30px 0 0;width:100%;height:65%}.skills .__skills-info .main-h{font-size:6rem;margin-bottom:30px;text-shadow:red 5px}.skills .__skills-info .main-p{font-size:2.7rem}.skills .svg-container{position:relative;z-index:1;order:1;box-sizing:border-box;height:70%;width:100%;overflow:visible;margin-top:25px}.skills .svg-container .__skills-img{box-sizing:content-box;height:100%;width:100%}.skills .svg-container .__skills-img .skills-svg{max-height:100%;max-width:100%}.skills .btn-default{margin-bottom:30px}}@media (max-width:1366px){.skills .__skills-info .main-h{font-size:5rem}.skills .__skills-info .main-p{font-size:2.5rem}.skills .__skill-tags{margin:25px 0 70px}}@media (max-width:768px){.skills{padding:0 20px}.skills .__skill-tags{margin:25px 0 35px}.skills .svg-container{position:relative;z-index:1;order:1;box-sizing:border-box;max-height:45%;width:100%;overflow:visible;margin-top:25px}.skills .svg-container .__skills-img{box-sizing:content-box;height:100%;width:100%}.skills .svg-container .__skills-img .skills-svg{max-height:100%;max-width:100%}.skills .btn-default{margin-left:20px}}@media (max-width:450px){.skills .__skills-info .main-h{font-size:4rem}.skills .__skills-info .main-p{font-size:2rem}}.mywork{display:flex;padding:0;opacity:0;flex-direction:column;position:relative}.mywork .project-category{display:inline-block;position:relative;background-color:#0cd8b9;padding:4px 10px;max-height:40px}.mywork .project-category .__title{text-align:center;color:#1d1d1d;font-size:2rem;letter-spacing:2px;font-weight:700}.mywork .project-category:after{content:"";display:block;position:absolute;right:0;bottom:0;width:0;height:0;border-bottom:1.5rem solid #1d1d1d;border-left:1.5rem solid transparent}.mywork .small-projects,.mywork .work{position:relative;height:50%}.mywork .small-projects .rec-carousel-wrapper,.mywork .work .rec-carousel-wrapper{justify-content:center;align-items:center;height:calc(100% - 35px);overflow:hidden}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item,.mywork .work .rec-carousel-wrapper .rec-carousel-item{display:flex;justify-content:center;align-items:center}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project{display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:100%;padding:0 .5rem}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__name,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__name{display:flex;align-items:center;justify-content:flex-start;position:relative;margin-bottom:5px;min-height:40px;background-color:#0cd8b9;color:#1d1d1d;width:100%}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__name h3,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__name h3{padding:5px;font-weight:700;text-align:center;align-self:center;font-size:2.2rem;width:90%;flex-grow:1}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__name .__link,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__name .__link{position:relative;display:flex;justify-content:center;align-items:center;color:#1d1d1d;height:100%;min-height:40px;width:40px;border-left:3px solid #1d1d1d;cursor:pointer}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__name .__link:hover:after,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__name .__link:hover:after{opacity:1}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__name .__link svg,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__name .__link svg{font-size:2rem;transition:transform .4s ease-in-out}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__name .__link:hover svg,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__name .__link:hover svg{transform:scale(1.2)}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__name .__link:after,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__name .__link:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;background:radial-gradient(circle,transparent 20%,rgba(25,184,160,.6) 100%);transition:opacity .4s ease-in-out}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__name:before,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__name:before{content:"";display:block;position:absolute;top:0;left:0;width:0;height:0;border-top:1.2rem solid #1d1d1d;border-right:1.2rem solid transparent}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__about,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__about{border-left:3px solid #212121;border-right:3px solid #212121;border-bottom:3px solid #d0053e;font-size:2rem;color:#adadad;padding:15px;width:100%;font-weight:600;letter-spacing:1px;max-height:280px;overflow-x:hidden;overflow-y:auto}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__about .technologies,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__about .technologies{margin-bottom:20px}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__about .technologies h3,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__about .technologies h3{font-size:2.3rem;letter-spacing:1px;color:#d0053e}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__about .technologies ul,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__about .technologies ul{list-style-type:none;margin-left:10px}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__about .technologies ul li,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__about .technologies ul li{font-size:1.2rem;color:#fff}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__about p.excerpt,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__about p.excerpt{font-size:1.4rem;text-align:center}.mywork .small-projects .rec-carousel-wrapper .rec-carousel-item .project .__about:after,.mywork .work .rec-carousel-wrapper .rec-carousel-item .project .__about:after{content:"";display:block;position:fixed;bottom:0;right:0;width:0;height:0;transform:translateX(calc(-50% + 4px));border-bottom:1.8rem solid #d0053e;border-left:1.8rem solid transparent}.work{border-bottom:1px solid #2e2e2e}.Modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:95%;overflow-y:auto;width:95%;outline:transparent;max-width:500px;z-index:21}.Modal .modal-wrapper{height:85%;display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:auto;grid-template-areas:"nCont nCont nCont nCont nCont nCont nCont nCont nCont nCont nCont nCont nCont nCont" " abCont abCont abCont abCont abCont abCont abCont abCont abCont  abCont abCont abCont abCont abCont"}.Modal .modal-wrapper .__name{position:relative;z-index:11;grid-area:nCont;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;grid-template-areas:"name name name name name name name name name name button button";background-color:#0cd8b9;box-shadow:0 6px 20px -10px #0cd8b9}.Modal .modal-wrapper .__name h3{text-align:center;grid-area:name;padding:10px;font-weight:700;justify-self:center;font-size:4rem}.Modal .modal-wrapper .__name .__link{grid-area:button;position:relative;display:flex;justify-content:center;align-items:center;color:#1d1d1d;cursor:pointer;border-left:3px solid #1d1d1d}.Modal .modal-wrapper .__name .__link:hover:before{opacity:1}.Modal .modal-wrapper .__name .__link svg{align-self:center;font-size:4rem;transition:transform .4s ease-in-out}.Modal .modal-wrapper .__name .__link:hover svg{transform:scale(1.2)}.Modal .modal-wrapper .__name .__link:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;background:radial-gradient(circle,transparent 20%,#19b8a0 100%);transition:opacity .4s ease-in-out}.Modal .modal-wrapper .__about{grid-area:abCont;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:auto;grid-template-areas:"text text text text text text text text text" " . . . link-btn link-btn link-btn link-btn link-btn link-btn";margin:auto;padding:25px;box-shadow:inset 0 -18px 12px -15px rgba(208,5,63,.5),0 19px 20px -8px rgba(0,0,0,.5);border-bottom:3px solid #d0053e;background-color:#1d1d1d}.Modal .modal-wrapper .__about p{grid-area:text;font-size:2.3rem;color:#adadad;letter-spacing:1px}.Modal .modal-wrapper .__about a,.Modal .modal-wrapper .__about div.no-link-wrapper{grid-area:link-btn;display:flex;margin-top:25px;width:100%;justify-content:flex-end;align-items:center;color:#1d1d1d}.Modal .modal-wrapper .__about a .__go-to-link,.Modal .modal-wrapper .__about a .__no-link,.Modal .modal-wrapper .__about div.no-link-wrapper .__go-to-link,.Modal .modal-wrapper .__about div.no-link-wrapper .__no-link{grid-area:text;position:relative;transform:scaleX(1);padding:5px 15px;font-size:2.2rem;color:#1d1d1d;color:#adadad}.Modal .modal-wrapper .__about a .__go-to-link,.Modal .modal-wrapper .__about div.no-link-wrapper .__go-to-link{background:transparent;border-top:1px solid #0cd8b9;border-bottom:1px solid #0cd8b9;color:#0cd8b9;font-weight:700}.Modal .modal-wrapper .__about a .__no-link,.Modal .modal-wrapper .__about div.no-link-wrapper .__no-link{background:transparent;border-top:1px solid #d0053e;border-bottom:1px solid #d0053e;cursor:default}.Overlay{position:fixed;z-index:20;top:0;left:0;right:0;bottom:0;background-color:rgba(18,18,18,.75)}.Modal ::-webkit-scrollbar,.mywork ::-webkit-scrollbar{width:3px;height:3px}.Modal ::-webkit-scrollbar-button,.mywork ::-webkit-scrollbar-button{width:0;height:0}.Modal ::-webkit-scrollbar-thumb,.mywork ::-webkit-scrollbar-thumb{background:#d0053e;border:0 #fff;border-radius:50px}.Modal ::-webkit-scrollbar-thumb:active,.Modal ::-webkit-scrollbar-thumb:hover,.mywork ::-webkit-scrollbar-thumb:active,.mywork ::-webkit-scrollbar-thumb:hover{background:#d0053e}.Modal ::-webkit-scrollbar-track,.mywork ::-webkit-scrollbar-track{background:transparent;border:0 #fff;border-radius:50px}.Modal ::-webkit-scrollbar-track:hover,.mywork ::-webkit-scrollbar-track:hover{background:#3e3e3e}.Modal ::-webkit-scrollbar-track:active,.mywork ::-webkit-scrollbar-track:active{background:#333}.Modal ::-webkit-scrollbar-corner,.mywork ::-webkit-scrollbar-corner{background:transparent}@media (max-width:1024px){.mywork{overflow-y:auto;height:auto}.mywork .small-projects .rec-carousel-wrapper,.mywork .work .rec-carousel-wrapper{justify-content:center;align-items:center;min-height:75vh;overflow:hidden}.mywork .project{margin:0 2rem}.mywork .project .__about,.mywork .project .__name{position:relative}.mywork .project .__name{font-size:1.8rem;margin-bottom:5px}.mywork .project .__name:before{border-top:1.2rem solid #1d1d1d;border-right:1.2rem solid transparent}.mywork .project .__about{font-size:1.5rem}}@media (max-width:550px){.mywork .project{margin:5px}.mywork .project .__name h3{font-weight:700;text-align:center;font-size:2rem;width:80%}}@media (max-width:320px){.mywork .project{margin:5px}.mywork .project .__name{justify-content:center}.mywork .project .__name h3{overflow-x:hidden;font-weight:700;text-align:left;font-size:1.2rem;width:80%}.mywork .project .__about{font-size:1.2rem}}.contact{opacity:0;padding:0 0 0 60px}.contact .contact-section{display:flex;width:100%;height:100%}.contact .contact-section #contact-details{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .contact-section #contact-details .form__group{position:relative;padding:15px 0 0;margin-top:25px;width:50%}.contact .contact-section #contact-details .form__message{max-width:100%;min-height:25vh;max-height:50vh}.contact .contact-section #contact-details .form__btn-contact{margin-top:50px}.contact .contact-section #contact-details .form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid #9b9b9b;outline:0;font-size:1.3rem;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s}.contact .contact-section #contact-details .form__field::-webkit-input-placeholder{color:transparent}.contact .contact-section #contact-details .form__field:-ms-input-placeholder{color:transparent}.contact .contact-section #contact-details .form__field::-ms-input-placeholder{color:transparent}.contact .contact-section #contact-details .form__field::placeholder{color:transparent}.contact .contact-section #contact-details .form__field:-ms-input-placeholder~.form__label{font-size:1.3rem;cursor:text;top:20px}.contact .contact-section #contact-details .form__field:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px}.contact .contact-section #contact-details .form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#9b9b9b}.contact .contact-section #contact-details .form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(90deg,#d0053e,#d0053e);border-image-slice:1}.contact .contact-section #contact-details .form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1.5rem;color:#0cd8b9;font-weight:700}.contact .contact-section #contact-details .form__field:invalid,.contact .contact-section #contact-details .form__field:required{box-shadow:none}.contact .contact-section #contact-details .form__error,.contact .contact-section #contact-details .form__sent{font-size:1.5rem;margin-top:20px;text-transform:uppercase;letter-spacing:1px}.contact .contact-section #contact-details .form__sent{color:#0cd8b9}.contact .contact-section #contact-details .form__error{color:#d0053e}.contact .contact-section #map{position:relative;width:100%;height:100%}.contact .contact-section #map .map-container{position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:1024px){.page-container.contact{padding:0}.page-container.contact .contact-section{flex-direction:column;height:auto}.page-container.contact .contact-section #contact-details{position:relative;height:auto;z-index:1;margin:100px 0 50px}.page-container.contact .contact-section #contact-details .main-h{font-size:7rem;margin-bottom:100px}.page-container.contact .contact-section #contact-details .btn-default{margin:50px auto}.page-container.contact .contact-section #contact-details .form__group{width:75%}.page-container.contact .contact-section #map{height:50vh;z-index:5}}@media (max-width:768px){.page-container.contact .contact-section #contact-details{margin:100px 0 0}.page-container.contact .contact-section #contact-details .main-h{font-size:5rem;margin-bottom:50px}.page-container.contact .contact-section #contact-details .btn-default{margin:50px auto}}.loader{padding:0}.loader .loader-container{position:relative;width:100%;height:100%}.loader .loader-container .loader-wrapper{display:flex;padding:20px;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:content-box;min-width:80%}.loader .loader-container .loader-wrapper .loader-image{display:flex;justify-content:center;align-items:center;margin-bottom:70px}.loader .loader-container .loader-wrapper .loader-info{margin-bottom:25px}.loader .loader-container .loader-wrapper .loader-info .loader-p{font-size:2rem;text-align:center;letter-spacing:2px;color:#4e4e4e}.loader .loader-container .loader-wrapper .btn-loader{display:flex;justify-content:center;align-items:center;padding:1.5rem 3rem;border:1px solid rgba(18,18,18,.5);height:2rem;min-height:6rem;width:100%;min-width:100px;max-width:120px;border-radius:.8rem;transition:border-color .3s ease-in-out}.loader .loader-container .loader-wrapper .btn-loader:hover{border-color:rgba(208,5,63,.7);cursor:pointer}.loader .loader-container .loader-wrapper .btn-loader:active{border-color:rgba(12,216,185,.7)}.cssload-loader{position:relative;width:200px;height:200px;perspective:780px}.cssload-inner,.cssload-loader{border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.cssload-inner{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cssload-inner.cssload-one{left:0;top:0;animation:cssload-rotate-one 1.15s linear infinite;-o-animation:cssload-rotate-one 1.15s linear infinite;-ms-animation:cssload-rotate-one 1.15s linear infinite;-webkit-animation:cssload-rotate-one 1.15s linear infinite;-moz-animation:cssload-rotate-one 1.15s linear infinite;border-bottom:3px solid #0cd8b9}.cssload-inner.cssload-two{right:0;top:0;animation:cssload-rotate-two 1.15s linear infinite;-o-animation:cssload-rotate-two 1.15s linear infinite;-ms-animation:cssload-rotate-two 1.15s linear infinite;-webkit-animation:cssload-rotate-two 1.15s linear infinite;-moz-animation:cssload-rotate-two 1.15s linear infinite;border-right:3px solid #d0053e}.cssload-inner.cssload-three{right:0;bottom:0;animation:cssload-rotate-three 1.15s linear infinite;-o-animation:cssload-rotate-three 1.15s linear infinite;-ms-animation:cssload-rotate-three 1.15s linear infinite;-webkit-animation:cssload-rotate-three 1.15s linear infinite;-moz-animation:cssload-rotate-three 1.15s linear infinite;border-top:3px solid #0cd8b9}@keyframes cssload-rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(1turn)}}@keyframes cssload-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0deg)}to{transform:rotateX(50deg) rotateY(10deg) rotate(1turn)}}@keyframes cssload-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0deg)}to{transform:rotateX(35deg) rotateY(55deg) rotate(1turn)}}
/*# sourceMappingURL=main.161a4b07.chunk.css.map */