@import url(https://fonts.googleapis.com/css2?family=Noto+Sans: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=Roboto+Slab:wght@400;500;600;700;800;900&display=swap);*{font-family:noto sans,sans-serif;font-size:20px;margin:0;padding:0}body{background-color:#000535;color:#fff}h1,h2,h3{font-family:roboto slab,serif}h1{font-size:64px}h2{font-size:48px}h3{font-size:34px}ul li::marker{color:#00ff85}button{background-color:#000535;border:2px solid #00ff85;border-radius:30px;color:#00ff85;cursor:pointer;font-weight:500;padding:5px 15px;text-decoration:none;transition:.2s}button:hover{background-color:#00ff85;color:#000535}nav.topNav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.3);height:70px;position:fixed;width:100%;z-index:3}nav.topNav .navWrap{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1200px;padding:0 5px}nav.topNav .navWrap img.flag{border-radius:5px;cursor:pointer;display:block;height:20px;margin-right:8px;outline:2px solid hsla(0,0%,100%,0);transition:.2s;width:40px}nav.topNav .navWrap img.flag:hover{outline:2px solid #00ff85}nav.topNav .navWrap .burger,nav.topNav .navWrap .times,nav.topNav .navWrap img.flagMobile{display:none}nav.topNav .navWrap img.logoTop{margin-top:5px;transition:.2s;width:60px}nav.topNav .navWrap img.logoTop:hover{-webkit-transform:scale(1.1) rotate(20deg);transform:scale(1.1) rotate(20deg)}nav.topNav .navWrap div.links{align-items:center;display:flex;gap:20px}nav.topNav .navWrap div.links .link{border:2px solid #00ff85;border-radius:30px;color:#00ff85;font-weight:500;padding:5px 15px;text-decoration:none;transition:.2s}nav.topNav .navWrap div.links .link:hover{background-color:#00ff85;color:#000535}div#menu.false{background-color:#00ff85;display:flex;height:0;position:fixed;top:70px;transition:.3s;width:100%}div#menu.false .link{font-size:0}div#menu.false .flagMobile{display:none}@media screen and (max-width:700px){nav.topNav div.navWrap div.links{display:none}nav.topNav div.navWrap .burger,nav.topNav div.navWrap .times{cursor:pointer;display:block;height:40px;padding:15px;width:40px;z-index:4}div#menu.true{align-items:center;background-color:#00ff85;display:flex;flex-direction:column;gap:50px;height:calc(100vh - 70px);justify-content:center;position:fixed;top:70px;transition:.3s;width:100%;z-index:5}div#menu.true .link{border:2px solid #000535;border-radius:30px;color:#000535;display:block;font-weight:600;padding:5px 15px;text-decoration:none;-webkit-transform:translateY(-70px);transform:translateY(-70px);transition:.2s}div#menu.true .link:hover{background-color:#000535;color:#00ff85}div#menu.true .flagMobile{border-radius:5px;cursor:pointer;display:block;height:20px;width:40px}div#menu.true .flagMobile:hover{outline:2px solid #00ff85}}footer{align-items:center;background:linear-gradient(180deg,#000535,#00794e);display:flex;gap:30px;height:190px;justify-content:center;margin-top:100px;width:100%}footer p{color:hsla(0,0%,100%,.605)}footer a,footer p{font-size:14px;-webkit-transform:translateY(20px);transform:translateY(20px)}footer a{color:#fff;text-decoration:none}footer a:visited{color:rgba(0,133,255,.8)}footer a:hover{color:#00ff85;text-decoration:underline}section.about header{align-items:center;background:url(/static/media/texture.43bb77b6c715b195b849.jpg) 50% no-repeat;background-size:cover;display:flex;gap:100px;height:700px;justify-content:center}section.about header img{border-radius:30px;height:350px;margin-left:5px;width:350px}section.about header div.heading{align-items:flex-start;display:flex;flex-direction:column;gap:15px}section.about header div.heading p{margin-bottom:10px;margin-top:-10px}section.about header div.heading a{background-color:#000535;border:2px solid #00ff85;border-radius:30px;color:#00ff85;font-weight:500;padding:5px 15px;text-decoration:none;transition:.2s}section.about header div.heading a:hover{background-color:#00ff85;color:#000535}section.about div.wrap{margin:auto;max-width:1200px}section.about div.wrap h2{margin:100px 10px;text-align:center}section.about div.wrap article{align-items:center;display:flex;gap:50px;justify-content:space-around}section.about div.wrap article p{border:2px solid #00ff85;border-radius:20px;margin:10px;padding:30px}section.about div.wrap article img{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:desk;animation-name:desk;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;max-width:600px}section.about div.wrap .contact{background-color:#000535;border:2px solid #00ff85;border-radius:30px;color:#00ff85;display:block;font-weight:500;margin:100px auto;padding:5px 15px;text-align:center;text-decoration:none;transition:.2s;width:150px}section.about div.wrap .contact:hover{background-color:#00ff85;color:#000535}@-webkit-keyframes desk{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes desk{0%{-webkit-transform:translateY(10px);transform:translateY(10px)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(10px);transform:translateY(10px)}}@media screen and (max-width:1100px){section.about div.wrap article{flex-direction:column}}@media screen and (max-width:700px){section.about header{flex-direction:column;gap:40px}section.about header img{height:200px;margin-top:50px;width:200px}section.about div.wrap article img{margin:10px;max-width:100%}}section.projects img.patternProjects{height:1000px;max-width:1000px;position:absolute;right:0;z-index:-1}section.projects div.wrap{margin:auto;max-width:1200px;padding:130px 5px 0}section.projects div.wrap a.more{color:#00ff85;text-decoration:none}section.projects div.wrap a.more:hover{text-decoration:underline}section.projects div.wrap h2,section.projects div.wrap p{padding-top:20px;text-align:center}section.projects div.wrap article{background-color:#001835;border:2px solid #00ff85;border-radius:20px;margin:100px auto;max-width:1000px}section.projects div.wrap article img{border-radius:17px 17px 0 0;width:100%}section.projects div.wrap article div.other{display:flex;gap:50px;justify-content:center;padding-bottom:20px}section.projects div.wrap article div.other div.text{padding:25px 15px;width:50%}section.projects div.wrap article div.other div.text p{text-align:left}section.projects div.wrap article div.other div.side div.buttons{align-items:flex-start;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}section.projects div.wrap article div.other div.side div.buttons a{background-color:#000535;border:2px solid #00ff85;border-radius:30px;color:#00ff85;font-weight:500;padding:5px 15px;text-decoration:none;transition:.2s}section.projects div.wrap article div.other div.side div.buttons a:hover{background-color:#00ff85;color:#000535}section.projects div.wrap article div.other div.side div.list{align-items:center;display:flex;flex-direction:column}section.projects div.wrap article div.other div.side div.list p{font-weight:600;text-align:left}@media screen and (max-width:600px){section.projects div.wrap article{flex-direction:column}section.projects div.wrap article div.other{align-items:center;display:flex;flex-direction:column}section.projects div.wrap article div.other div.text{width:90%}section.projects div.wrap article div.other div.top{flex-direction:column-reverse}}section.skills img.patternSkills{height:700px;margin-top:130px;max-width:1000px;opacity:.8;position:absolute;right:0;-webkit-transform:scaleX(-1);transform:scaleX(-1);z-index:-1}section.skills div.wrap{margin:auto;max-width:1200px;padding:130px 10px 0}section.skills div.wrap h2{margin-bottom:100px;text-align:center}section.skills div.wrap .head{align-items:center;display:flex;gap:20px}section.skills div.wrap .head h2{display:inline-block}section.skills div.wrap .head div.green{background-color:#00ff85;flex-grow:1;height:3px}section.skills div.wrap div.mainGallery,section.skills div.wrap div.otherGallery{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:auto;max-width:1100px}section.skills div.wrap div.mainGallery figure,section.skills div.wrap div.otherGallery figure{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:40px;transition:.2s}section.skills div.wrap div.mainGallery figure:hover,section.skills div.wrap div.otherGallery figure:hover{-webkit-transform:scale(1.25);transform:scale(1.25)}section.skills div.wrap div.mainGallery figure p,section.skills div.wrap div.otherGallery figure p{text-align:center}section.skills div.wrap p.other{color:#00ff85;font-weight:600;margin:100px 5px 0;text-align:center}section.skills div.wrap div.design{margin:90px 5px}section.skills div.wrap div.design article{display:flex;justify-content:space-around;margin-top:50px}section.skills div.wrap div.design article img,section.skills div.wrap div.design article p{width:40%}section.skills div.wrap ul{margin:50px auto;max-width:400px}section.skills div.wrap ul li{line-height:1.7em}@media screen and (max-width:700px){section.skills div.wrap div.design article{align-items:center;flex-direction:column;gap:40px}section.skills div.wrap div.design article img,section.skills div.wrap div.design article p{width:90%}}section.contact img.patternContact{height:500px;position:absolute;right:10px;z-index:-1}section.contact div.wrap{margin:auto;max-width:1200px;padding:130px 10px 0}section.contact div.wrap h2{margin:50px 5px;text-align:center}section.contact div.wrap form{margin:auto auto 100px;max-width:800px}section.contact div.wrap form h3{margin-bottom:50px;text-align:center}section.contact div.wrap form input,section.contact div.wrap form label,section.contact div.wrap form textarea{display:block}section.contact div.wrap form label{max-width:100%}section.contact div.wrap form input,section.contact div.wrap form textarea{background-color:#001835;border:2px solid #00ff85;border-radius:20px;color:#fff;font-size:18px;margin-bottom:25px;margin-top:5px;padding:10px}section.contact div.wrap form input:focus,section.contact div.wrap form textarea:focus{outline:2px solid #00ff85}section.contact div.wrap form textarea{border-radius:20px 20px 0 20px;box-sizing:border-box;resize:vertical;width:100%}section.contact div.wrap .contact{display:flex;flex-wrap:wrap;justify-content:space-around}section.contact div.wrap .contact figure{align-items:center;display:flex;flex-direction:column;margin-bottom:50px;width:150px}section.contact div.wrap .contact figure img{margin-bottom:20px;width:100px}section.contact div.wrap .contact figure b,section.contact div.wrap .contact figure p{display:block;text-align:center}section.contact div.wrap .contact figure a{color:#00ff85;display:block;text-align:center;text-decoration:none}section.contact div.wrap .contact figure a:hover{text-decoration:underline}section.NotFound{height:calc(100vh - 290px)}section.NotFound div{left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-150px,-280px);transform:translate(-150px,-280px);width:300px}section.NotFound div h2{margin-bottom:10px}section.NotFound div img{padding-bottom:30px;width:200px}section.NotFound div p{margin-bottom:50px}section.NotFound div .link{border:2px solid #00ff85;border-radius:30px;color:#00ff85;font-weight:500;padding:5px 15px;text-decoration:none;transition:.2s}section.NotFound div .link:hover{background-color:#00ff85;color:#000535}
/*# sourceMappingURL=main.c0cbdca5.css.map*/