@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Yellowtail&display=swap);:root{--clr-primary-1:#242b33;--clr-primary-2:#ebf7ff;--clr-primary-3:#8892b0;--clr-primary-5:#49a6e9;--clr-primary-8:#a5d5f8;--clr-primary-9:#c5e5fc;--clr-grey-1:#bfcad5;--clr-grey-2:#f1f5f8;--clr-grey-3:#f1f5f8;--clr-grey-4:#ccd6f6;--clr-grey-5:#617d98;--clr-grey-6:#f5f6f7;--clr-grey-9:#dae2ec;--clr-white:#fff;--clr-green-dark:#22bc9e;--clr-green-light:#23c7a7;--radius:7px;--transition:all 0.3s linear;--spacing:0.1rem;--light-shadow:0 5px 15px rgba(0,0,0,0.1)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;margin:0!important;padding:0!important;border-color:#f7f9fa;font-family:Rubik,Arial,sans-serif;font-size:15px;line-height:1.5rem;color:#64707d;letter-spacing:-.02em;font-weight:400;height:100%;width:100%;background-color:#f7f9fa}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:.1rem;letter-spacing:var(--spacing);text-transform:capitalize;line-height:1.25;font-weight:500}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{margin-bottom:1.25rem}.section{width:90vw;margin:0 auto;max-width:var(--max-width)}.underline{width:15%;background-color:#23c7a7;background-color:var(--clr-green-light);height:4px;border-radius:3px;margin:30px auto}.btn{text-transform:uppercase;display:flex;align-items:center;justify-content:center;border:1px solid #22bc9e;border:1px solid var(--clr-green-dark);padding:10px 20px;border-radius:5px;line-height:1;cursor:pointer;text-align:center;position:relative;color:#fff;font-weight:500;font-size:1rem;box-shadow:0 3px 10px rgba(53,191,160,.35)}.btn,.btn-primary{letter-spacing:.2rem}.btn-primary{background-size:200% 100%;background-image:linear-gradient(90deg,#22bc9e 50%,#37a089 0);transition:background-position .4s}.btn-primary:hover{background-position:-100% 0;text-decoration:none;color:#fff}.btn-submit{width:100%}.prev-btn{display:flex;margin-top:10px}.btn-prev{background-image:linear-gradient(90deg,#22bc9e,#37a089);transition:all .3s linear;transition:var(--transition)}.btn-prev:hover{background-image:linear-gradient(270deg,#22bc9e,#37a089);text-decoration:none}.btn-second:hover{background-color:#23c7a7;background-color:var(--clr-green-light);color:#fff}.btn .icon-eye{color:#fff;color:var(--clr-white);font-size:22px}.btn-second{transition:all .3s linear;transition:var(--transition);letter-spacing:.2rem;color:#22bc9e;color:var(--clr-green-dark)}.about{padding:140px 20px 120px;max-width:1220px;width:100%;margin-left:auto;margin-right:auto;z-index:1;position:relative}.about-container{display:flex;flex-wrap:wrap;justify-content:space-between}.about-left{width:40%;padding-top:90px}.about-image{width:-webkit-max-content;width:max-content;border:2px solid #242b33;padding:5px;border-radius:15px;position:relative}.about-image:before{content:"";background-image:url(/static/media/about.5f1a99fb.svg);height:128%;width:128%;position:absolute;background-repeat:no-repeat;background-size:90%;background-position:50%;z-index:-1;top:-30px;left:-70px}.about-image img{width:400px;margin-right:auto;border-radius:10px;display:block;height:100%;z-index:10}.about-right{width:60%;padding-left:100px}.about-right p{font-size:1.3rem;line-height:2.1rem}.about-title{display:flex}.about-title h1{text-align:left;line-height:2.9rem;color:var(--clr-primary-1);margin-bottom:40px}.about-buttons{margin-top:40px;display:flex;grid-gap:20px;gap:20px}.about-portret{display:none}@media screen and (max-width:992px){.about-portret{display:flex}.about-left{display:none}.about-right{width:80vw;padding:0}.about-container,.about-portret,.about-title{justify-content:center}.about-portret{margin-bottom:100px;margin-top:30px}}@media screen and (max-width:600px){.about-image img{width:300px;height:100%}.about-image:before{left:-50px}}.contact{background-color:var(--clr-grey-2);min-height:calc(100vh - 14rem);position:relative}.contact,.contact-page{display:flex;justify-content:center}.contact-page{box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:var(--radius);margin:5rem 0;flex-direction:column;background-color:var(--clr-white);width:90vw;max-width:30rem;text-align:center}.contact-page h1{color:var(--clr-primary-1);padding-top:20px}.contact-form{display:flex;flex-direction:column}input:placeholder-shown{font-size:12px}.form-group{display:flex;flex-direction:column;padding:1rem 1.5rem}.form-control{display:flex;width:100%;padding:.75rem 1rem;border:none;margin-bottom:1.25rem;background-color:var(--clr-grey-3);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.2rem;line-height:inherit}textarea::-webkit-input-placeholder{font-size:17px}textarea::placeholder{font-size:17px}.btn-submit{border-top-left-radius:0;border-top-right-radius:0;padding:1rem}.form-control{transition:var(--transition)}.form-control:focus{outline:none!important;border-color:var(--clr-green-dark);box-shadow:0 0 5px var(--clr-green-dark)}.edu{background-color:var(--clr-primary-1);padding:80px 0;margin:0 auto}.edu .title{color:var(--clr-grey-4);display:flex;flex-direction:column;text-align:center;margin-bottom:50px;grid-gap:10px;gap:10px}.edu-center{width:80vw;margin:0 auto;max-width:1400px}.edu .btn-container{display:flex;flex-direction:row;justify-content:center;margin-bottom:4rem;flex-wrap:wrap}.edu-btn{background:transparent;border-color:transparent;text-transform:capitalize;font-size:1.25rem;letter-spacing:var(--spacing);margin:0 .5rem;transition:var(--transition);cursor:pointer;padding:5px 10px;line-height:1;outline-color:var(--clr-primary-2);color:#8892b0;font-weight:100}.edu-btn:hover,.edu .active-btn{color:var(--clr-green-light);box-shadow:0 2px var(--clr-green-light)}.edu-info a{font-weight:400;color:var(--clr-grey-4);text-decoration:underline;font-size:1.3rem;transition:all .2s ease-in}.edu-info a:hover{color:var(--clr-green-light)}.edu-info h3{margin-bottom:10px}.edu-info h4{text-transform:uppercase;color:var(--clr-grey-5);background:var(--clr-grey-9);display:inline-block;padding:.375rem .75rem;margin-bottom:5px;border-radius:var(--radius);font-size:.7rem}.edu p{color:var(--clr-primary-3);font-weight:200}.edu-date{letter-spacing:var(--spacing);font-size:.9rem}.edu-desc{display:grid;grid-template-columns:auto 1fr;-webkit-column-gap:2rem;-moz-column-gap:2rem;grid-column-gap:2rem;column-gap:2rem;align-items:center;margin-bottom:1.25rem}.edu-desc p{margin-bottom:0;font-size:1rem}.edu-icon{color:var(--clr-green-light)}@media screen and (min-width:992px){.edu-center{width:90vw;display:grid;grid-template-columns:250px 1fr;-webkit-column-gap:4rem;-moz-column-gap:4rem;grid-column-gap:4rem;column-gap:4rem}.edu .btn-container{flex-direction:column;justify-content:flex-start}.edu-btn{margin-bottom:1rem}.edu-btn:hover,.edu .active-btn{box-shadow:-2px 0 var(--clr-green-light)}.edu{height:800px}}.edu .btn{text-transform:uppercase;background:var(--clr-primary-5);color:var(--clr-primary-9);padding:.375rem .75rem;letter-spacing:var(--spacing);font-weight:700;transition:var(--transition);font-size:.875rem;border:2px solid transparent;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);border-radius:var(--radius);display:block;width:12rem;text-align:center;margin:3rem auto 0}.edu .btn:hover{color:var(--clr-primary-1);background:var(--clr-primary-8)}.footer{height:9rem;background-color:var(--clr-primary-1);flex-direction:column;align-items:center;position:relative}.footer,.footer-content{display:flex;justify-content:center}.footer-content{line-height:1rem;grid-gap:40px;gap:40px;width:100%}.social-icons-footer{color:#fff;font-size:2rem;transition:var(--transition)}.social-icons-footer:hover{color:var(--clr-green-dark)}.rights{color:#fff;text-transform:uppercase;letter-spacing:.1rem;font-weight:400;margin-top:16px}.rights span{color:var(--clr-green-dark)}.header{padding-top:125px}.header-container{display:flex;flex-wrap:wrap;background-color:var(--clr-primary-1);border-radius:8px;overflow:hidden;width:calc(100% - 40px);min-height:500px;margin-left:auto;margin-right:auto;flex-direction:row;padding-top:70px}.header-left{padding:50px;width:100%;-webkit-animation:fadeIn 1.5s cubic-bezier(.785,.135,.15,.86) .5s forwards;animation:fadeIn 1.5s cubic-bezier(.785,.135,.15,.86) .5s forwards;opacity:0}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-title{font-size:2.2rem;line-height:2.4rem;font-weight:600;color:var(--clr-white);margin-bottom:30px}.header-text{margin-right:30px;font-size:1.3rem;line-height:1.8rem;color:var(--clr-grey-1)}.header-text .link:hover{color:#37a089}.header-text a{color:var(--clr-white);text-decoration:underline;transition:color .2 ease-out;cursor:pointer;transition:all .2s ease-in;-moz-transition:all .2s ease-in;-ms-transition:all .2s ease-in}.header-text a:hover{color:var(--clr-green-light)}.header-signature{font-family:Yellowtail,cursive;color:var(--clr-white);letter-spacing:0;font-size:1.6rem;margin-top:30px;-webkit-animation:fadeIn 4s cubic-bezier(.785,.135,.15,.86) .5s forwards;animation:fadeIn 4s cubic-bezier(.785,.135,.15,.86) .5s forwards}.header-right{display:none;position:relative;flex:1 1;justify-content:center}.cubespinner{-webkit-animation-name:spincube;animation-name:spincube;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:12s;animation-duration:12s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:100px 100px 0;transform-origin:100px 100px 0;position:absolute;margin-top:70px;margin-right:150px}@-webkit-keyframes spincube{0%,to{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}16%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}33%{-webkit-transform:rotateY(-90deg) rotate(90deg);transform:rotateY(-90deg) rotate(90deg)}50%{-webkit-transform:rotateY(-180deg) rotate(90deg);transform:rotateY(-180deg) rotate(90deg)}66%{-webkit-transform:rotateY(-270deg) rotateX(90deg);transform:rotateY(-270deg) rotateX(90deg)}83%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes spincube{0%,to{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}16%{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}33%{-webkit-transform:rotateY(-90deg) rotate(90deg);transform:rotateY(-90deg) rotate(90deg)}50%{-webkit-transform:rotateY(-180deg) rotate(90deg);transform:rotateY(-180deg) rotate(90deg)}66%{-webkit-transform:rotateY(-270deg) rotateX(90deg);transform:rotateY(-270deg) rotateX(90deg)}83%{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}.cubespinner div{position:absolute;width:200px;height:200px;border:1px solid var(--clr-white);background:hsla(0,0%,100%,.4);text-align:center;font-size:100px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px 0 #ffffe0}.cubespinner .face1{-webkit-transform:translateZ(100px);transform:translateZ(100px);color:#61dbfb}.cubespinner .face2{-webkit-transform:rotateY(90deg) translateZ(100px);transform:rotateY(90deg) translateZ(100px);color:#e34f26}.cubespinner .face3{-webkit-transform:rotateY(90deg) rotateX(90deg) translateZ(100px);transform:rotateY(90deg) rotateX(90deg) translateZ(100px);color:#0645ad}.cubespinner .face4{-webkit-transform:rotateY(180deg) rotate(90deg) translateZ(100px);transform:rotateY(180deg) rotate(90deg) translateZ(100px);color:#f7df1e}.cubespinner .face5{-webkit-transform:rotateY(-90deg) rotate(90deg) translateZ(100px);transform:rotateY(-90deg) rotate(90deg) translateZ(100px);color:#553a7d}.cubespinner .face6{-webkit-transform:rotateX(-90deg) translateZ(100px);transform:rotateX(-90deg) translateZ(100px);color:#0868ac}@media screen and (min-width:800px){.header-container{max-width:1400px}.header-left{width:55%;padding:20px 60px 100px 80px}.header-right{display:flex}}@media screen and (max-width:1050px){.cubespinner{margin-top:150px}}nav{background:var(--clr-white);box-shadow:var(--light-shadow);position:fixed;z-index:11;width:100%}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0}.nav-center{width:calc(100% - 40px);max-width:1500px}.nav-center .btn{margin-left:15px}.profile{height:60px;max-width:300px;display:flex;padding:8px 12px 8px 8px;grid-gap:15px;gap:15px;cursor:pointer;align-items:center;transition:all .2s cubic-bezier(.785,.135,.15,.86) 0s}.profile:hover{text-decoration:none;border-radius:8px;background-color:var(--clr-grey-6);transition:background-color .2s linear}.my-image{height:45px;width:45px;background-image:url(/static/media/portret.b1c3db71.jpeg);background-size:120%;background-position:0 0;background-repeat:no-repeat;border-radius:45px;display:block}.my-name{color:var(--clr-primary-1);font-size:1.2rem;font-weight:600}.nav-toggle{font-size:2rem;color:var(--clr-green-dark);background:transparent;border-color:transparent;transition:var(--transition);cursor:pointer}.nav-toggle:hover{color:var(--clr-primary-1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.links a{font-weight:500;font-size:.85rem;text-transform:uppercase;letter-spacing:.03rem;display:block;padding:10px 18px;cursor:pointer;text-align:center}.links li:hover{color:var(--clr-primary-1)}.links .active,.links li:hover{background-color:var(--clr-grey-6)}.links .active,.links li{border-radius:8px}.links li{list-style:none;transition:background-color .2s linear}.links-container{background-color:var(--clr-white);height:0;overflow:hidden;transition:var(--transition)}.show-container{height:10rem}@media screen and (min-width:801px){.nav-center{width:calc(100% - 40px);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-toggle{display:none}.links-container{height:auto!important}.links{display:flex;grid-gap:5px;gap:5px}}@media screen and (max-width:1024px){.my-name,.nav-center .btn{display:none}}@media screen and (max-width:800px){.nav-center{width:100%}.nav-header{width:calc(100% - 40px);margin:0 auto}}.projects{background-color:#e2e9ed;position:relative}.projects-container{max-width:1220px;padding:100px 40px;position:relative;z-index:1}.projects-container,.projects-title{width:100%;margin-left:auto;margin-right:auto}.projects-title{max-width:680px;margin-bottom:100px}.projects-title h1{text-align:center;color:var(--clr-primary-1)}.projects-content{display:flex;justify-content:space-between;max-width:1220px;width:100%;margin-left:auto;margin-right:auto;flex-wrap:wrap;grid-gap:30px 20px;gap:30px 20px}.project{border-radius:.25rem;background-color:var(--clr-white);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);transition:all .3s ease-in-out;width:calc(33.33333% - 25px);overflow:hidden}.project:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.img-container{position:relative;height:240px}.img-container img{border-top-left-radius:.25rem;border-top-right-radius:.25rem;width:100%;height:100%}.project-footer{text-align:center;padding:1rem 1.25rem;background-color:var(--clr-white);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.project-footer h5{margin-bottom:0;color:#0f172a;font-weight:500;font-size:1.25rem;font-family:Inconsolata,monospace}@media screen and (max-width:1170px){.project{width:calc(50% - 25px)}}@media screen and (max-width:767px){.project{width:100%}}.skills{position:relative;border-top:1px solid #dfe2e6}.skills-container{padding:100px 20px 120px;position:relative;z-index:1}.skills-container,.skills-title{width:100%;margin-left:auto;margin-right:auto}.skills-title{max-width:680px;margin-bottom:60px}.skills-title h1{text-align:center;color:var(--clr-primary-1)}.skills-content{display:flex;max-width:1050px;width:100%;margin-left:auto;margin-right:auto;flex-wrap:wrap}.skills-card{width:49%;background-color:var(--clr-white);border:1px solid #ebecec;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.1);margin:.5rem 0;padding:3.5rem;position:relative;display:flex;word-wrap:break-word;align-items:center;flex-direction:column}.skills-card span{font-size:75px}.skills-card p{font-weight:700;letter-spacing:2px}@media screen and (min-width:800px){.skills-card{width:33.3%}}
/*# sourceMappingURL=main.ffd04722.chunk.css.map */