@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap);*{background-color:initial;box-sizing:border-box;color:#fff;font-family:Inter;margin:0;padding:0}body{background-color:#333;font-size:1rem}.about,.contact,.home,.projects,.skills{align-items:center;display:flex;justify-content:center;min-height:965px}.about .content,.home .content,.projects .content,.skill .content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.title{font-size:1.2rem;margin-bottom:80px;text-align:center;-webkit-text-decoration:4px underline #fff;text-decoration:4px underline #fff}.navbar{background-color:#0b0a0a;height:80px;left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1}.navbar .content{align-items:center;background-color:initial;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1500px}.navbar .title{align-items:center;cursor:pointer;display:flex;font-size:2rem;justify-self:start;margin-bottom:0;text-decoration:none}.nav-menu{grid-gap:10px;background:none;display:flex;justify-content:center;list-style:none;text-align:center;width:60vw}.nav-links{align-items:center;color:#fff;display:flex;height:100%;padding:.5rem 1rem;text-decoration:none}.nav-links:hover{border-bottom:4px solid #fff;cursor:pointer;transition:all .2s ease-out}.nav-item{height:80px}.button{background:#fff;border-radius:10px;padding:6px}.contact-btn{border:0;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;padding:7px 6px}.menu-icon{display:none}@media screen and (max-width:960px){.navbar .content{justify-content:center}.navbar .title{left:0;position:absolute;top:0;transform:translate(25%,50%)}.nav-menu{background-color:#000000e6;flex-direction:column;justify-content:normal;left:-100%;position:fixed;text-align:center;top:80px;transition:.3s;width:100%;z-index:999}.nav-menu.active{left:0}.nav-item:hover,.nav-links{align-items:center;display:flex;justify-content:center}.nav-item:hover{background-color:#fff;height:80px;width:100%}.nav-item a{display:flex;justify-content:center;width:100%}.nav-item a:hover{background-color:#fff;color:#000;padding-bottom:5px}.menu-icon{cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;transform:translate(-100%,60%)}}.home .title{font-size:55px;margin-bottom:0;text-decoration:none}.sub-title{display:flex;display:block;font-size:25px;padding-top:8px}.arrow-animation{background:none;cursor:pointer;display:flex;padding-top:30px;position:relative}.fa-arrow-down{background:none;display:flex;font-size:130px;justify-content:center}.up-down-animation{animation:moveUpDown 2s linear infinite}@keyframes moveUpDown{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.about{display:block}.about .info{display:flex;justify-content:center}.about .img{padding-right:5%}.about .img>img{border-radius:20px;height:400px;width:450px}.about .text{display:flex;flex-direction:column;justify-content:center;max-width:40%}.about .text>p{text-align:justify}.about .text .links{padding-top:30px}.about .text .links>a{padding-right:20px}.skills{display:block}.skills .content{align-items:center;display:grid;justify-content:center}.skills .content .info{align-items:center;display:flex;height:310px;position:relative;width:960px}.arrow-left,.arrow-right{fill:#000;background:#fff;border-radius:100%;opacity:.2;position:absolute}.arrow-left{left:-40px}.arrow-right{right:-40px}.arrow-left:hover,.arrow-right:hover{opacity:1}.slider{height:100%;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;width:100%}.slider::-webkit-scrollbar{display:none}.slider .card{background-color:#fff;border-radius:10px;display:inline-block;height:300px;margin-left:10px;margin-right:10px;width:300px}.slider .card .icon{background-color:grey;border-top-left-radius:10px;border-top-right-radius:10px;height:170px;width:100%}.slider .card .icon img{border-radius:10%;height:150px;margin-left:25%;margin-top:10px}.slider .card .text{color:#000;display:flex;font-size:1.5rem;font-weight:500;justify-content:center;margin-top:45px}.projects{display:block}.projects .info{align-items:center}.projects .cards,.projects .info{display:flex;justify-content:center}.projects .cards{flex-wrap:wrap}.projects .card{align-items:center;border-radius:30px;cursor:pointer;display:flex;float:left;justify-content:center;margin-bottom:100px;margin-left:100px;margin-right:100px;overflow:hidden}.projects .card,.projects .card .img,.projects .card img{height:200px;width:340px}.projects .card:nth-last-child(-n+3){margin-bottom:0}.contact{display:block;min-height:650px}.contact .info{align-items:center;display:flex;justify-content:center}.contact .form{border-radius:30px;display:grid;height:100%;margin-left:470px;text-align:center;width:420px}.contact .form .form-text{height:40px;margin-bottom:15px;width:100%}.contact .form input{background-color:#000;border:0;border-radius:30px;height:50px;text-align:center}.contact .form .form-text input{height:100%;width:200px}.contact .form .form-text input:first-child{margin-right:20px}.contact .form .form-text input:last-child{right:0}.contact .form .form-subject{font-size:16px;font-weight:700;height:50px;margin-bottom:15px;width:100%}.contact .form .form-subject::-webkit-input-placeholder{font-weight:500}.contact .form .form-subject::-moz-placeholder{font-weight:500}.contact .form .form-subject::-ms-input-placeholder{font-weight:500}.contact .form .form-message{height:130px;margin-bottom:15px;padding:1em;resize:none}.contact .form .form-button,.contact .form .form-message{background-color:#000;border:0;border-radius:30px;width:100%}.contact .form .form-button{display:block;height:60px;margin-left:auto;margin-right:auto}.contact .contacts{background-color:#000;border-radius:30px;display:flex;flex-direction:column;height:250px;justify-content:center;margin-left:50px;padding:1em;width:420px}.contact .social{display:flex;padding:10px}.contact .social .text{align-items:center;display:flex;padding-left:.8em}.contact .contacts .icon{height:50px;width:50px}.footer{background:#000;font-size:1.2rem;height:80px;position:relative;text-align:center}.footer .content{align-items:center;display:flex;height:100%;justify-content:center}.footer .content .text{opacity:.7}.footer .content .logo{position:absolute;right:30px}.footer .content .logo a{font-size:30px}
/*# sourceMappingURL=main.1823cd52.css.map*/