@import url(https://fonts.googleapis.com/css2?family=Monoton&family=Roboto:ital,wght@0,300;0,500;1,300&display=swap);html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0}html{font-family:"Roboto",sans-serif}*,:after,:before{font-family:inherit}.heading_main{font-size:32px;font-style:normal;font-weight:200;letter-spacing:.64px;line-height:38.4px;text-transform:none;color:#29007a}.heading_main .break{display:block}.heading_secondary{font-size:19.2px;font-style:normal;font-weight:300;letter-spacing:.384px;line-height:normal;text-transform:none;color:#29007a}.heading_secondary__decorated{display:inline-block;position:absolute;top:-110px;left:30px;font-weight:700;-webkit-transform:rotate(-10deg) skew(-10deg,0);transform:rotate(-10deg) skew(-10deg,0)}.heading_secondary__decorated span{display:inline-block;color:#29007a;background-color:hsla(0,0%,100%,.8);padding:5px 20px;border:1px solid #29007a}.heading_secondary__decorated span:first-of-type{display:block;margin:0 0 2.5px}.heading_tertiary{margin:0;font-size:16px;font-weight:400;letter-spacing:.5px;line-height:normal;color:#29007a}.heading_tertiary,p{font-style:normal;text-transform:none}p{font-size:14.4px;font-weight:300;letter-spacing:.288px;line-height:22.32px}a,p{color:#2b2a2a}@media (min-width:600px){.heading_main .break{display:inline}.heading_secondary__decorated{left:-30px}}@media (min-width:768px){.heading_secondary__decorated{top:-80px}}@media (min-width:1030px){.heading_secondary__decorated{top:-150px;left:30px}}.row:after{content:"";display:table;clear:both}.col-1-of-3:not(:last-of-type){margin:0 0 30px}@media (min-width:768px){.col-1-of-3{width:48%;float:left}.col-1-of-3:first-of-type{margin:0 4% 0 0}.col-1-of-3:last-of-type{margin:0 auto}}@media (min-width:1030px){.col-1-of-3{width:30%}.col-1-of-3:not(:last-of-type){margin:0 5% 0 0}}.container{border:10px solid #fff;position:relative;overflow-x:hidden}.container_lock{overflow-y:hidden}@media (min-width:768px){.container{border:20px solid #fff}}header{position:absolute;top:0;left:0;width:100%;padding:25px 30px 30px;z-index:3}header .logo{font-family:"Monoton",cursive;color:#fff;text-decoration:none;font-size:30px;position:relative}header .logo:after{content:"";position:absolute;width:45px;height:2px;background-color:hsla(0,0%,100%,.4);bottom:0;left:-2px}header .menu_container{width:30px;height:20px;float:right}@media (min-width:768px){header{padding:40px 30px 30px 50px}header .logo{font-size:50px}header .logo:after{width:75px}header .menu_container{width:40px;height:30px}}.burger{width:100%;height:100%;margin:13px 0 0;padding:0;cursor:pointer;background:none;border:none;outline:none;position:relative;z-index:4}.burger span{display:block;width:100%;height:3px;border-radius:10px;background-color:#fff;transition:background-color .5s,-webkit-transform .5s;transition:transform .5s,background-color .5s;transition:transform .5s,background-color .5s,-webkit-transform .5s}.burger span:not(:last-of-type){margin:0 0 5px}.burger.open span{background-color:#00ba50;margin:0!important}.burger.open span:nth-of-type(2){display:none}.burger.open span:first-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.burger.open span:last-of-type{-webkit-transform:translate(-1px,-4px) rotate(-45deg);transform:translate(-1px,-4px) rotate(-45deg)}@media (min-width:768px){.burger{margin:20px 0 0}.burger span:not(:last-of-type){margin:0 0 9px}}.menu{display:flex;flex-direction:column;justify-content:center;background:#29007a;height:100vh;text-align:left;padding:0 60px;position:absolute;top:0;right:0;-webkit-transform:translateX(calc(100% + 10px));transform:translateX(calc(100% + 10px));transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:3}.menu.open{-webkit-transform:translateX(0);transform:translateX(0)}.menu a{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#fff;text-decoration:none;transition:color .3s linear}.menu a:not(:last-of-type){margin:0 0 60px}.menu a:hover{color:#00ba50}@media (max-height:440px){.menu.open{padding:150px 100px 0;overflow-y:scroll}.menu.open a:not(:last-of-type){margin:0 0 30px}}@media (min-width:768px){.menu{padding:0 100px;-webkit-transform:translateX(calc(100% + 20px));transform:translateX(calc(100% + 20px))}}@media (min-width:1030px){.menu a{position:relative}.menu a:after{content:"";position:absolute;height:3px;background-color:#00ba50;width:0;bottom:-10px;left:0;transition:width .2s}.menu a:hover:after{width:100%}}.banner{background:url(/portfolio-v2/images/dead-trees.jpg) no-repeat 50%;background-size:cover;min-height:500px;position:relative;-webkit-clip-path:polygon(0 0,100% 0,100% 98%,0 100%);-moz-clip-path:polygon(0 0,100% 0,100% 98%,0 100%);clip-path:polygon(0 0,100% 0,100% 98%,0 100%)}.banner_inner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:95%;z-index:2;text-align:center}.banner_img{border-radius:100%;padding:8px;border:3px solid #fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.49)}.banner_bio{font-size:14px;font-weight:500;color:#fff;text-shadow:2px 2px rgba(0,0,0,.3)}.banner_anchor{background:#fff;color:#2b2a2a;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:30px;cursor:pointer;padding:10px 20px;font-weight:500;box-shadow:0 4px 8px 0 rgba(0,0,0,.49);transition:all .5s ease}.banner_anchor:hover{box-shadow:none;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.banner:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,186,80,.8);z-index:1}@media (min-width:768px){.banner{-webkit-clip-path:polygon(0 0,100% 0,100% 96%,0 100%);-moz-clip-path:polygon(0 0,100% 0,100% 96%,0 100%);clip-path:polygon(0 0,100% 0,100% 96%,0 100%)}}@media (min-width:1030px){.banner{-webkit-clip-path:polygon(0 0,100% 0,100% 93%,0 100%);-moz-clip-path:polygon(0 0,100% 0,100% 93%,0 100%);clip-path:polygon(0 0,100% 0,100% 93%,0 100%)}}@media (min-width:1240px){.banner{-webkit-clip-path:polygon(0 0,100% 0,100% 90%,0 100%);-moz-clip-path:polygon(0 0,100% 0,100% 90%,0 100%);clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}}.banner_loader{color:#fff;font-size:60px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:72px auto;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load6 1.7s ease infinite,round 1.7s ease infinite;animation:load6 1.7s ease infinite,round 1.7s ease infinite}@-webkit-keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes load6{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes round{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}section.about{margin:0 auto;padding:30px;max-width:965px}@media (min-width:768px){section.about{padding:60px 30px}}.work{background-color:#00ba50;-webkit-transform:skewY(-2deg);transform:skewY(-2deg);position:relative;padding:80px 0}.work_inner{width:100%;max-width:330px;margin:0 auto;padding:0 30px;-webkit-transform:skewY(2deg);transform:skewY(2deg)}@media (min-width:768px){.work{min-height:800px;padding:0}.work_inner{max-width:600px;position:absolute;top:50%;left:50%;padding:30px 30px 0;-webkit-transform:skewY(2deg) translate(-50%,-50%);transform:skewY(2deg) translate(-50%,-50%)}}@media (min-width:1030px){.work{min-height:600px}.work_inner{max-width:965px;padding:0 30px}}.card{background-color:#fff;border-radius:3px;max-width:400px;min-height:300px;margin:0 auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.49);overflow:hidden;position:relative}.card_top{padding:5px}.card_img{display:block;width:100%;max-width:100%;border-radius:3px 3px 0 0}.card_bottom{padding:20px;position:relative}.card_bottom p{line-height:17px}.card_toggle{position:absolute;padding:0 5px;top:20px;right:15px;border:none;background:none;cursor:pointer}.card_toggle span{display:block;width:4px;height:4px;background-color:#29007a;border-radius:50%}.card_toggle span:not(:last-of-type){margin:0 0 2px}.card_reveal{width:100%;height:100%;z-index:1;top:100%;position:absolute;overflow-y:auto;background-color:#fff;transition:all .4s;padding:20px}.card_reveal__heading:after{content:"";display:table;clear:both}.card_reveal__heading .heading_tertiary{display:inline-block}.card_reveal__close{border:none;background:none;color:#29007a;float:right;cursor:pointer;font-size:22px;padding:0;line-height:20px;transition:color .2s}.card_reveal__close:hover{color:#2b2a2a}.card_reveal__ul{padding:0 0 0 20px}.card_reveal__ul li{font-size:14px;font-style:normal;font-weight:300;letter-spacing:.288px;color:#2b2a2a}.card_reveal__ul li:not(:last-of-type){margin:0 0 5px}.card_reveal__footing{position:absolute;bottom:0;left:0;width:100%;padding:10px 20px;border-top:1px solid #bbb4b4}.card_reveal__footing a{display:inline-block;font-size:28px;transition:all .5s ease;position:relative}.card_reveal__footing a:before{display:block;width:0;opacity:0;overflow:hidden;position:absolute;font-size:12px;color:#fff;background:#2b2a2a;top:0;left:0;white-space:nowrap;padding:5px;font-weight:300;border-radius:3px;box-shadow:0 4px 8px 0 rgba(0,0,0,.49);transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.card_reveal__footing a:first-of-type:before{content:"View Source"}.card_reveal__footing a:last-of-type:before{content:"View Project"}.card_reveal__footing a:hover:before{opacity:1;width:auto;left:-5px;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.card_reveal__footing a:not(:last-of-type){margin:0 15px 0 0}.card_reveal__footing a:hover{color:#29007a}.card_reveal__mark{background-color:#00ba50;color:#fff;padding:0 5px;border-radius:3px}.card.active .card_reveal{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.contact{margin:100px 0}.contact_btn{display:block;width:210px;margin:0 auto;text-align:center;padding:10px 0;text-decoration:none;text-transform:uppercase;color:#29007a;letter-spacing:1px;border:3px solid #29007a;border-radius:30px;font-weight:500;box-shadow:0 4px 8px 0 rgba(0,0,0,.49);transition:all .5s ease}.contact_btn:hover{box-shadow:none;-webkit-transform:translateY(-2px);transform:translateY(-2px);background-color:#29007a;color:#fff;font-weight:300}@media (min-width:1030px){.contact{margin:130px 0}}.footer{padding:30px 0 20px;text-align:center;position:relative;border-top:1px solid #eee}.footer_social{list-style:none;margin:0 0 15px;padding:0}.footer_social li{display:inline-block}.footer_social li:not(:last-of-type){margin:0 30px 0 0}.footer_social li a{transition:all .5s ease;font-size:18px}.footer_social li a:hover{color:#29007a}.footer_copyright{font-size:14px;font-weight:600;letter-spacing:.5px;color:#000}.footer_copyright i{background:linear-gradient(-90deg,#8d0b0b,#f21111);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-size:16px}@media (min-width:768px){.footer{padding:30px 30px 10px}.footer_social{margin:0;position:absolute;right:30px}}
/*# sourceMappingURL=main.ad15bc80.chunk.css.map */