@font-face{font-family:"Lato";src:url("../fonts/Lato-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Lato";src:url("../fonts/Lato-LightItalic.ttf") format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Lato";src:url("../fonts/Lato-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Lato";src:url("../fonts/Lato-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Lato";src:url("../fonts/Lato-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"fontello";src:url("../fonts/fontello.eot?83091401");src:url("../fonts/fontello.eot?83091401#iefix") format("embedded-opentype"),url("../fonts/fontello.woff2?83091401") format("woff2"),url("../fonts/fontello.woff?83091401") format("woff"),url("../fonts/fontello.ttf?83091401") format("truetype"),url("../fonts/fontello.svg?83091401#fontello") format("svg");font-weight:normal;font-style:normal;font-display:swap}[class^=icon-]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:normal;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-mail:before{content:""}.icon-right:before{content:""}.icon-plus-circle:before{content:""}.icon-heart:before{content:""}.icon-link-ext:before{content:""}.icon-linkedin:before{content:""}.icon-wordpress:before{content:""}header{max-width:1600px;margin:0 auto;padding:40px 20px 80px}header h1{font-size:3rem;line-height:1.2;font-weight:400}header h1 span{font-weight:700}header h2{font-size:2rem;line-height:1.3;font-weight:300;margin-bottom:40px}header p{line-height:1.5}header ul{list-style:none;margin:8px 0 8px 24px}header ul li{position:relative;margin-bottom:8px}header ul li strong{font-weight:700}header ul li::before{content:"";font-family:"fontello";position:absolute;left:-24px}header ul li.c-frontend strong{color:#aed9e0}header ul li.c-frontend::before{color:#aed9e0}header ul li.c-backend strong{color:#ffa69e}header ul li.c-backend::before{color:#ffa69e}.projects{max-width:1600px;margin:0 auto;padding:0 20px}.projects h2{font-size:1.75rem;line-height:1.2;font-weight:400;margin-bottom:24px}.projects h3{font-size:2rem;line-height:1.2;font-weight:700;margin-bottom:12px}.projects article{margin-bottom:48px}.project-links a{display:inline-flex;align-items:center;position:relative;overflow:hidden;background:#b8f2e6;padding:8px 12px;border-radius:8px;color:#5e6472;text-decoration:none;gap:6px;font-size:.875rem;font-weight:400;transition:color .3s ease;z-index:0}.project-links a::before{content:"";position:absolute;inset:0;background:#aed9e0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1}.project-links a:hover::before{transform:scaleX(1)}.key-points{margin-left:24px;list-style:none}.key-points li{position:relative;margin-bottom:8px}.key-points li::before{content:"";font-family:"fontello";position:absolute;left:-24px}.key-points li ul{margin-top:8px;margin-left:20px;list-style:disc}.key-points li ul li::before{content:none}.key-points li a{color:#5e6472;text-decoration:none;transition:all .3s ease}.key-points li.c-frontend::before{color:#aed9e0}.key-points li.c-backend::before{color:#ffa69e}.key-points li.c-backend a:hover{color:#ffa69e;text-decoration:underline}.videoshow{position:relative;overflow:hidden;border-radius:8px;margin:16px 0}.videoshow video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.slideshow{position:relative;overflow:hidden;border-radius:8px;margin:16px 0}.slideshow img{display:none;width:100%;aspect-ratio:16/9;object-fit:cover}.slideshow img.is-active{display:block}.slideshow__btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);color:#fff;border:none;width:40px;height:40px;border-radius:9999px;font-size:1.25rem;cursor:pointer;transition:all .15s ease;z-index:10}.slideshow__btn:hover{background:rgba(0,0,0,.75)}.slideshow__btn--prev{left:.5rem}.slideshow__btn--next{right:.5rem}.slideshow__dots{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);display:flex;gap:.25rem}.slideshow__dot{width:8px;height:8px;border-radius:9999px;background:hsla(0,0%,100%,.5);border:none;cursor:pointer;padding:0;transition:all .15s ease}.slideshow__dot.is-active,.slideshow__dot:hover{background:#fff}footer{display:flex;justify-content:space-between;max-width:1600px;margin:0 auto;padding:80px 20px 40px}.footer-content{display:flex;flex-direction:column}.footer-content h3{font-size:1.75rem;line-height:1;font-weight:400;margin-bottom:8px}.footer-content nav{display:flex;align-items:center;gap:16px}.footer-content nav a{display:flex;align-items:flex-end;color:#5e6472;text-decoration:none;font-size:1.5rem;font-weight:400;transition:all .3s ease}.footer-content nav a:hover{color:#ffa69e}.footer-content nav a .icon-mail{margin-top:3px}.footer-content nav a span{display:none;line-height:1;padding-bottom:3px}.footer-content .copyright{margin:auto 0 0;font-size:.75rem}.footer-draw{position:relative;display:flex;flex-direction:column;width:160px;padding-top:192px}.cssmade{display:flex;align-items:baseline;padding:0 0 0 42px}.cssmade img{width:18px;height:18px;margin-right:4px}.cssmade span{font-size:.625rem}.cssmade span i{color:red}#cssdraw{position:absolute;top:-290px;left:-194px;width:320px;height:480px;transform:scale(0.4);transform-origin:bottom right;transition:transform .3s ease-in-out}#cssdraw .head{position:absolute;top:7.5%;left:33%;width:34%;height:20%;background:#f7cb26;border-radius:20%;z-index:90}#cssdraw .head::before{content:"";position:absolute;width:48%;height:18%;left:26%;top:-18%;border-top-left-radius:4px;border-top-right-radius:4px;background:#f7cb26}#cssdraw .head::after{content:"";position:absolute;width:62%;height:20%;left:19%;bottom:-20%;background:#f7cb26}#cssdraw .head .eye{position:absolute;left:50%;top:30%;width:12px;height:12px;margin-left:-18px;border-radius:50%;background:#000;transform:translateX(-50%)}#cssdraw .head .eye.right{margin-left:16px}#cssdraw .head .mouth{position:absolute;left:50%;top:42%;line-height:1;transform:translateX(-50%)}#cssdraw .head .mouth::after{display:inline-block;padding-bottom:5px;content:")";color:#000;font-size:38px;font-weight:bold;transform:rotate(90deg)}#cssdraw .head .mouth.sad::after{content:"("}#cssdraw .head .mouth.tongue::after{padding-left:10px;content:"P"}#cssdraw .body{position:absolute;top:33%;left:25%;width:160px;border-bottom:128px solid #212121;border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);height:0;z-index:100;cursor:zoom-in}#cssdraw .body::before{content:"";position:absolute;top:-14px;width:100%;height:50px;background:#212121;border-radius:15px}#cssdraw .arm{position:absolute;top:34.5%;left:50%;margin-left:-110px;height:72px;width:40px;transform:rotate(28deg);background:#212121;z-index:80}#cssdraw .arm::before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background:#212121;top:-20px}#cssdraw .arm::after{content:"";position:absolute;width:40px;height:40px;background:#212121;bottom:-34px;left:5px;transform:rotate(-15deg)}#cssdraw .arm .hand{position:absolute;width:40px;height:10px;bottom:-40px;left:10px;background:#2c3741;border-radius:50%;transform:rotate(-15deg);z-index:80}#cssdraw .arm .hand::before{content:"";position:absolute;width:25px;height:16px;left:8px;top:3px;border-radius:50%/10%;background:#f7cb26}#cssdraw .arm .hand::after{content:"C";position:absolute;color:#f7cb26;bottom:-68px;font-weight:900;font-size:72px;transform:rotate(85deg)}#cssdraw .arm.right{transform:rotate(-28deg);margin-left:70px}#cssdraw .arm.right::after{left:-5px;transform:rotate(15deg)}#cssdraw .arm.right .hand{left:-10px;transform:rotate(15deg)}#cssdraw .arm.right .hand::after{transform:rotate(95deg)}#cssdraw .slip{position:absolute;top:59%;left:25%;width:50%;height:26px;background:#383c41;z-index:100}#cssdraw .slip::before{content:"";position:absolute;width:20px;height:64px;top:25px;left:50%;margin-left:-10px;background:#383c41 linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, #383c41 20px);border:1px solid rgba(0,0,0,.2);border-radius:5px}#cssdraw .slip::after{content:"";position:absolute;width:100%;height:8px;border-bottom-left-radius:75%;border-bottom-right-radius:75%;top:25px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%)}#cssdraw .leg{position:absolute;width:23%;height:38%;top:60%;left:25%;background:#383c41;z-index:80}#cssdraw .leg::before{content:"";position:absolute;width:100%;height:20px;top:64px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%)}#cssdraw .leg::after{content:"";position:absolute;width:100%;height:4px;bottom:25px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%)}#cssdraw .leg.right{left:52%}#cssdraw.zoomed{transform:scale(1)}#cssdraw.zoomed .body{cursor:zoom-out}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth}body{font-family:"Lato",sans-serif;font-size:1rem;font-weight:300;line-height:1.25;color:#5e6472;background-color:#faf3dd}::-moz-selection{color:#5e6472;background:#b8f2e6}::selection{color:#5e6472;background:#b8f2e6}/*# sourceMappingURL=main.min.css.map */