@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant:wght@400;500;600;700&family=EB+Garamond:wght@400;500;600;700&display=swap);:root{--overlay:rgba(8,27,41,.8);--bg-color:#081b29;--second-bg-color:#112e42;--text-color:#ededed;--main-color:#00abf0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#112e42;background-color:var(--second-bg-color);color:#ededed;color:var(--text-color)}a,li{list-style-type:none;text-decoration:none}h3{font-family:Cinzel,serif;font-size:2rem}.span{color:#00abf0;color:var(--main-color)}.btn-box{display:flex;height:2.5rem;justify-content:space-between;margin-top:1.9rem;position:relative;width:19rem}.btn-box .btn{align-items:center;background:#00abf0;background:var(--main-color);border:.1rem solid #00abf0;border:.1rem solid var(--main-color);border-radius:.2rem;color:#081b29;color:var(--bg-color);display:inline-flex;font-family:Cormorand,serif;font-size:1.1rem;font-weight:500;height:100%;justify-content:center;overflow:hidden;position:relative;transition:all .5s ease;width:9rem;z-index:1}.btn-box .btn:hover,.btn-box .btn:nth-child(2){color:#00abf0;color:var(--main-color)}.btn-box .btn:nth-child(2){background:transparent}.btn-box .btn:nth-child(2):hover{color:#081b29;color:var(--bg-color)}.btn-box .btn:nth-child(2):before{background:#00abf0;background:var(--main-color)}.btn-box .btn:before{background:#081b29;background:var(--bg-color);content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s ease;width:0;z-index:-1}.btn-box .btn:hover:before{width:100%}@media screen and (max-width:480px){h3{font-size:1.5rem}}.header{left:0;padding:2rem 8%;position:fixed;top:0;transition:.4s ease-in;width:100%;z-index:2}.header-bg{background-color:var(--second-bg-color)}.header .navbar{align-items:center;background-color:initial;display:flex;height:100%;justify-content:space-between;margin:auto;padding:0 1rem}.header .logo{color:var(--text-color);font-family:Cinzel,serif;font-size:2.3rem;font-weight:500}.header .logo span{color:var(--main-color)}.hamburger{display:none}.header .nav-menu{display:flex}.header .nav-item{cursor:pointer;font-weight:600;margin-left:2rem}.header .nav-item a{color:var(--text-color);font-family:EB Garamond,serif;font-size:1.3rem;transition:.3s ease}.header .nav-item a:hover{color:var(--main-color)}.header .nav-item a.active{border-bottom:2px solid var(--main-color);color:var(--main-color);padding-bottom:.4rem}@media screen and (max-width:940px){.header,.header .navbar{max-width:100%}.hamburger{display:block}.nav-menu{background-color:var(--second-bg-color);flex-direction:column;height:75vh;left:-100%;position:fixed;text-align:center;top:90px;transition:.3s;width:100%;z-index:999}.nav-menu.active{left:0}.nav-item{margin:1.5rem}.header .logo{font-size:2rem}}section{min-height:100vh;padding:10rem 9% 2rem}.home{align-items:center;background:url(/static/media/home.a65175068d496e72af45.jpg) no-repeat 50%/cover;display:flex;padding:0 9%;width:100%}.home-content{max-width:60rem}.home-content h1{font-family:Cinzel,serif;font-size:5.1rem}.home-content .text-animate{color:var(--main-color);font-family:EB Garamond,serif;font-size:2.6rem;font-weight:400}.home-sci{bottom:4rem;display:flex;justify-content:space-evenly;position:absolute;width:170px}.home-sci a{align-items:center;background:transparent;border:.1rem solid var(--main-color);border-radius:50%;color:var(--main-color);display:inline-flex;font-size:20px;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .5s ease;width:40px;z-index:1}.home-sci a:hover{color:var(--bg-color)}.home-sci a:before{background:var(--main-color);content:"";height:100%;left:0;position:absolute;top:0;transition:all .5s ease;width:0;z-index:-1}.home-sci a:hover:before{width:100%}@media screen and (max-width:1140px){.home-content h1{font-size:4.5rem}}@media screen and (max-width:998px){.home-content h1{font-size:3.5rem}}@media screen and (max-width:768px){.home{background:none}.home-content h1{font-size:2.4rem}}@media screen and (max-width:480px){.home-content .text-animate{font-size:1.8rem}}@media screen and (max-width:376px){.home-content h1{font-size:2.3rem}}.about{background:var(--second-bg-color);flex-direction:column;gap:2rem}.about,.about-img{align-items:center;display:flex;justify-content:center}.about-img{border-radius:50%;height:10rem;position:relative;width:10rem}.about-img img{border:.2rem solid var(--main-color);border-radius:50%;width:90%}.about-img .circle-spin{-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;border-bottom:.1rem solid var(--second-bg-color);border-left:.1rem solid var(--main-color);border-radius:50%;border-right:.1rem solid var(--main-color);border-top:.1rem solid var(--second-bg-color);height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0);transition:all ease;width:100%}.about-content{text-align:center}.about-content p{font-family:EB Garamond,serif;font-size:1.25rem;margin:2rem 0}.openclassroom{color:var(--main-color)}.btn-box.btns{display:inline-block;width:15rem}@-webkit-keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.skills{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:2.5rem}.skills h3{margin-bottom:3rem}.skills-content ul{display:flex;flex-wrap:wrap;justify-content:center}.skills-content ul li{align-items:center;border-radius:.2rem;box-shadow:0 7px 14px var(--bg-color),0 1px 2px var(--bg-color);display:flex;flex-direction:column;font-family:EB Garamond,serif;font-size:1.3rem;gap:1rem;height:10rem;justify-content:center;margin:1rem;padding:.5rem;text-align:center;transition:all .5s ease-in-out;width:10rem}.skills-content ul li:hover{-webkit-transform:scale(1.1) rotate(1turn);transform:scale(1.1) rotate(1turn)}@media screen and (max-width:480px){.skills-content ul li{font-size:1.1rem;height:7rem;width:7rem}}.card{border:.1rem solid var(--text-color);border-radius:3px;flex:0 0 90%;height:320px;max-width:46%;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.card img{-webkit-filter:brightness(80%);filter:brightness(80%);object-fit:cover;object-position:center}.card img,.overlay{height:100%;width:100%}.overlay{background-color:var(--overlay);border:.1rem solid var(--text-color);border-radius:3px;left:0;opacity:0;padding:10px;position:absolute;top:0;transition:opacity .3s ease}.card:hover .overlay{-webkit-animation:animOverlay .5s ease 0s 1 normal forwards;animation:animOverlay .5s ease 0s 1 normal forwards;opacity:1}.overlay h4{color:var(--main-color);font-family:Cinzel,serif;font-size:1.8rem}.overlay p:nth-child(2){font-family:EB Garamond,serif;font-size:1.4rem;margin:.8rem 0;text-align:center}.line{font-family:Cormorant,serif;font-size:1.5rem;font-weight:700;position:relative;text-align:center}.line:before{margin-left:calc(-25% - 8px)}.line:after,.line:before{border-bottom:1px solid var(--text-color);content:" ";display:inline;height:16px;position:absolute;width:25%}.line:after{margin-left:8px}.overlay p{color:var(--text-color);margin:1.2rem 0}.links{margin-right:5px}.tag ul{margin:1rem 0}.tag li{border:.1rem solid var(--main-color);border-radius:3px;display:inline-block;font-family:EB Garamond,serif;font-size:1.1rem;margin-right:5px;padding:.2rem .8rem}.overlay .btn-box{display:inline-block;margin-top:0}.overlay .btn-box .btn{font-size:1.1rem;width:12rem}@media screen and (max-width:998px){.card{max-width:85%}}@media screen and (max-width:480px){.overlay h4{font-size:1.3rem}.overlay p:nth-child(2){font-size:1rem}.line{font-size:1.2rem}.tag li{font-size:.9rem}.overlay .btn-box .btn{font-size:.9rem;margin-right:3.5rem;width:10rem}}@-webkit-keyframes animOverlay{0%{opacity:0}to{opacity:1}}@keyframes animOverlay{0%{opacity:0}to{opacity:1}}.gallery{align-items:center;background-color:var(--second-bg-color);display:flex;flex-direction:column;justify-content:center;margin:0 auto;text-align:center;width:100%}.gallery h3{margin-bottom:3rem}.card-container{display:flex;justify-content:space-evenly}.carousel-button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:1.8rem;outline:none;padding:10px 20px;position:absolute;top:67%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.carousel-button:hover{color:var(--main-color)}.prev-button{left:50px}.next-button{right:50px}.carousel-dots{align-items:center;bottom:20px;display:flex;justify-content:center;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dot{background-color:var(--text-color);border-radius:50%;cursor:pointer;height:10px;margin:0 5px;width:10px}.dot.active{background-color:var(--main-color)}@media screen and (max-width:998px){.dot{display:none}}@media screen and (max-width:768px){.prev-button{left:-1px}.next-button{right:-1px}}.contact{height:100vh;padding-bottom:7rem;text-align:center}.contact h3{margin-bottom:2rem}.contact form{margin:0 auto;max-width:50rem;text-align:center}.contact form .input-box{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}.contact form .input-box .input-field{margin:.8rem 0;position:relative;width:49%}.contact form .input-box .input-field input,.contact form .textarea-field textarea{background:transparent;border:.1rem solid var(--main-color);border-radius:.2rem;color:var(--text-color);font-size:1.2rem;height:100%;outline:none;padding:.8rem;width:100%}.contact form .input-box .input-field input::-webkit-input-placeholder,.contact form .textarea-field textarea::-webkit-input-placeholder{color:var(--text-color);opacity:.5}.contact form .input-box .input-field input::placeholder,.contact form .textarea-field textarea::placeholder{color:var(--text-color);opacity:.5}.contact form .focus{background:var(--bg-color);border-radius:.2rem;height:100%;left:0;opacity:.5;position:absolute;top:0;transition:all .5s ease-in-out;width:0;z-index:-1}.contact form .input-box .input-field input:focus~.focus,.contact form .input-box .input-field input:valid~.focus,.contact form .textarea-field textarea:focus~.focus,.contact form .textarea-field textarea:valid~.focus{width:100%}.contact form .textarea-field{display:flex;margin:.8rem 0 1.2rem;position:relative}.contact form .textarea-field textarea{resize:none}.contact form .btn-box.btns .btn{cursor:pointer}
/*# sourceMappingURL=main.9e185386.css.map*/