@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);.profile-card{position:relative;-webkit-justify-content:center;justify-content:center;height:40%;background-image:url(/static/media/profile.3e080383.jfif);background-position:50%;background-size:cover}.profile-card,.profile-card .filter{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%}.profile-card .filter{height:100%;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:column;flex-direction:column}.profile-card .filter h4{font-size:18px;color:#fff}.profile-card .filter h5{color:#fff;margin:5px}@media only screen and (max-width:992px){.profile-card{height:400px}.profile-card .filter{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.profile-card .filter h4{font-size:18px;color:#fff}.profile-card .filter h5{color:#fff;margin:5px}}nav{height:60%}nav,nav .navlinks{position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}nav .navlinks{height:100%;-webkit-justify-content:space-around;justify-content:space-around}nav .navlinks a{position:relative;text-decoration:none;color:#fff;width:90%;height:50px;background-color:#00031e;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:16px;border-radius:10px;border:2px solid #1768ac;transition:all .5s ease-in-out}nav .navlinks a:hover{background-color:#04009a}nav .navlinks a.active{background-color:#04005e}nav .navlinks.activeNav{height:0;overflow:hidden}nav .hamburger{width:30px;height:30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;cursor:pointer;display:none;margin:10px;transition:all .5s ease-in-out}nav .hamburger,nav .hamburger div{position:relative}nav .hamburger div:not(:nth-child(2)){width:60%;height:5px;background-color:#fff;border-radius:10px}nav .hamburger div:nth-child(2){width:100%;height:5px;background-color:#fff;border-radius:10px}nav .hamburger.active{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:none;transition:all .5s ease-in-out}nav .hamburger.active div{position:absolute}nav .hamburger.active div:nth-child(2){opacity:0}nav .hamburger.active div:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg);width:100%}nav .hamburger.active div:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:100%}@media only screen and (max-width:992px){nav{height:auto}nav a{margin:10px 0}nav .hamburger,nav .hamburger.active{display:-webkit-flex;display:flex}}.aboutme{height:100vh;color:#fff;overflow:hidden;background-image:url(/static/media/background.c2f0c817.jpg)}.aboutme,.aboutme .filter{position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.aboutme .filter{height:100%}.aboutme .filter,.aboutme .filter .text1{-webkit-flex-direction:column;flex-direction:column}.aboutme .filter .text1{position:relative;width:80%;height:60%;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.aboutme .filter .text1 h1{letter-spacing:3px}.aboutme .filter .text1 h1:before{width:150px;height:5px;top:92px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.aboutme .filter .text1 h1:after,.aboutme .filter .text1 h1:before{content:"";position:absolute;left:50%;background-color:#ff0;border-radius:50%}.aboutme .filter .text1 h1:after{width:15px;height:15px;top:94px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.aboutme .filter .text1 .t1-card{background-color:rgba(0,0,0,.473);padding:40px;border-radius:10px}.aboutme .filter .text1 .t1-card h3{margin-bottom:20px;color:rgba(255,255,0,.644)}.aboutme .filter .text2{position:relative;width:80%;height:40%}.aboutme .filter .text2 .t2-card{background-color:rgba(0,0,0,.473);padding:40px;border-radius:10px}.aboutme .filter .text2 .t2-info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin-top:10px}.aboutme .filter .text2 h3{margin-bottom:20px;color:rgba(255,255,0,.644)}.aboutme .filter .text2 span{color:rgba(255,255,0,.644)}@media only screen and (max-width:768px){.aboutme .filter .text1{margin-bottom:10px;width:90%}.aboutme .filter .text2{width:90%;margin-top:10px}}@media only screen and (max-width:576px){.aboutme .filter .text1,.aboutme .filter .text2{width:90%}.aboutme .filter .text2 .t2-info{-webkit-flex-direction:column;flex-direction:column}.aboutme .filter .text2 p{text-align:center}.aboutme .filter .text2 h3,.aboutme .filter .text2 span{font-size:14px}}.home-page{width:100%;height:100vh;background-color:#001136;color:#fff;-webkit-justify-content:center;justify-content:center;overflow:hidden;background-image:url(/static/media/background.c2f0c817.jpg)}.home-page,.home-page .home-text{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.home-page .home-text{width:60%;height:90%;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;justify-content:space-around}.home-page .home-text h3{color:rgba(255,255,0,.644)}.home-page .home-text .header{text-align:center}.home-page .home-text .text{position:relative;width:80%}.home-page .home-text .text button{width:120px;padding:5px 10px;margin-top:10px;background-color:rgba(0,0,0,.473);border:2px solid rgba(255,255,0,.644);border-radius:5px;color:#fff;cursor:pointer;transition:all .5s ease-in-out}.home-page .home-text .text button:hover{background-color:transparent}.home-page .home-text img{position:relative;width:40%;border-radius:50%;z-index:5}@media only screen and (max-width:992px){.home-page .home-text img{width:50%}}@media only screen and (max-width:768px){.home-page .home-text{width:80%}.home-page .home-text .text{width:100%}.home-page .home-text img{width:60%}}@media only screen and (max-width:576px){.home-page{height:95vh}}@media only screen and (max-width:400px){.home-page .home-text .text{width:100%}.home-page .home-text .text button{margin-top:15px}.home-page .home-text img{width:90%}}.Skills{position:relative;width:100%;height:100vh;color:#fff;background-color:#001136;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;background-image:url(/static/media/background.c2f0c817.jpg)}.Skills h1{margin-bottom:20px}.Skills h1:before{width:150px;height:5px;top:100px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Skills h1:after,.Skills h1:before{content:"";position:absolute;left:50%;background-color:#ff0;border-radius:50%}.Skills h1:after{width:15px;height:15px;top:102px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Skills p{font-size:18px;margin:40px 0}.Skills .lang{position:relative;width:70%}.Skills .lang .info-skills{position:relative;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.Skills .lang .range-skills{position:relative;width:100%;height:10px;background-color:rgba(0,0,0,.473);margin:5px 0 15px;border-radius:15px}.Skills .lang .range-skills .range{position:relative;height:10px;background-color:rgba(255,255,0,.644);border-radius:15px}@media only screen and (max-width:1200px){.Skills p{text-align:center;padding:10px}}.Project{position:relative;width:100%;height:100vh;background-color:#001136;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;overflow:hidden;background-image:url(/static/media/background.c2f0c817.jpg)}.Project h1{color:#fff}.Project h1:before{width:150px;height:5px;top:80px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Project h1:after,.Project h1:before{content:"";position:absolute;left:50%;background-color:#ff0;border-radius:50%}.Project h1:after{width:15px;height:15px;top:82px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Project .row{width:100%;-webkit-justify-content:center;justify-content:center}.Project .row,.Project .row .col1{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Project .row .col1{width:40%;height:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;color:#fff}.Project .row .col1 .behance,.Project .row .col1 .instagram,.Project .row .col1 .linkedln{position:relative;padding:10px;width:500px;background-color:rgba(0,0,0,.473);border-radius:10px}.Project .row .col1 .behance h2,.Project .row .col1 .instagram h2,.Project .row .col1 .linkedln h2{text-align:center;margin:5px 0 15px;color:rgba(255,255,0,.644)}.Project .row .col1 .behance a,.Project .row .col1 .instagram a,.Project .row .col1 .linkedln a{float:right;width:120px;padding:5px 10px;background-color:rgba(0,0,0,.473);border:2px solid rgba(255,255,0,.644);border-radius:5px;transition:all .5s ease-in-out;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-decoration:none;color:#fff}.Project .row .col1 .behance a:hover,.Project .row .col1 .instagram a:hover,.Project .row .col1 .linkedln a:hover{background-color:transparent}.Project .row .col2{position:relative;width:50%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;color:#fff}.Project .row .col2 .github{position:relative;width:350px;background-color:rgba(0,0,0,.473);border-radius:10px;overflow:hidden}.Project .row .col2 .github img{position:relative;width:100%;margin-bottom:10px}.Project .row .col2 .github h3{padding:0 10px;color:rgba(255,255,0,.644)}.Project .row .col2 .github h3 span{color:#fff}.Project .row .col2 .github a{float:right;margin:10px;width:120px;padding:5px 10px;background-color:rgba(0,0,0,.473);border:2px solid rgba(255,255,0,.644);border-radius:5px;transition:all .5s ease-in-out;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-decoration:none;color:#fff}.Project .row .col2 .github a:hover{background-color:transparent}.Project .row .col2 .github h2{text-align:center;margin:5px 0 15px;color:rgba(255,255,0,.644)}@media only screen and (max-width:1200px){.Project .row .col1{width:50%}.Project .row .col1 .behance,.Project .row .col1 .instagram,.Project .row .col1 .linkedln{width:400px}.Project .row .col1 .behance a,.Project .row .col1 .instagram a,.Project .row .col1 .linkedln a{margin-top:5px}.Project .row .col2{width:50%}.Project .row .col2 .github{width:300px}}@media only screen and (max-width:992px){.Project .row .col1{width:50%}.Project .row .col1 .behance,.Project .row .col1 .instagram,.Project .row .col1 .linkedln{width:350px;margin:10px}.Project .row .col1 .behance a,.Project .row .col1 .instagram a,.Project .row .col1 .linkedln a{margin-top:5px}}@media only screen and (max-width:768px){.Project{height:170vh}.Project .row{-webkit-justify-content:space-around;justify-content:space-around}.Project .row,.Project .row .col1{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.Project .row .col1{-webkit-justify-content:space-between;justify-content:space-between}.Project .row .col1 .behance,.Project .row .col1 .instagram,.Project .row .col1 .linkedln{width:400px}.Project .row .col2{margin-top:20px}.Project .row .col2 .github{width:400px}}@media only screen and (max-width:461px){.Project .row{-webkit-justify-content:space-around;justify-content:space-around}.Project .row,.Project .row .col1{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.Project .row .col1{-webkit-justify-content:space-between;justify-content:space-between}.Project .row .col1 .behance,.Project .row .col1 .instagram,.Project .row .col1 .linkedln{width:300px}.Project .row .col2{margin-top:20px}.Project .row .col2 .github{width:300px}}.Contact{width:100%;height:100vh;background-color:#001136;color:#fff;-webkit-flex-direction:column;flex-direction:column;background-image:url(/static/media/background.c2f0c817.jpg)}.Contact,.Contact .contact-card{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.Contact .contact-card{width:900px;height:200px;background-color:rgba(0,0,0,.473);border-radius:10px}.Contact .contact-card .card-info{position:relative;width:30%;height:80%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;padding:0 10px}.Contact .contact-card .card-info h3{color:rgba(255,255,0,.644)}.Contact .contact-card .card-info p{margin:15px 0;text-align:center}.Contact .contact-card .card-info button{width:80%;height:40px;padding:5px 10px;background-color:rgba(0,0,0,.473);border:2px solid rgba(255,255,0,.644);border-radius:5px;transition:all .5s ease-in-out;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-decoration:none;color:#fff;font-size:16px}.Contact .contact-card .card-info button:hover{background-color:transparent}.Contact h1{color:#fff}.Contact h1:before{width:150px;height:5px;top:80px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Contact h1:after,.Contact h1:before{content:"";position:absolute;left:50%;background-color:#ff0;border-radius:50%}.Contact h1:after{width:15px;height:15px;top:82px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Contact form{width:900px;text-align:center;margin:20px auto}.Contact form input,.Contact form textarea{border:0;outline:0;padding:1em;border-radius:8px;display:block;width:100%;height:40px;margin-top:16px;background-color:rgba(0,0,0,.473);resize:none;color:#fff;border:1px solid rgba(255,255,0,.644)}.Contact form input::-webkit-input-placeholder,.Contact form textarea::-webkit-input-placeholder{color:#fff}.Contact form input:-ms-input-placeholder,.Contact form textarea:-ms-input-placeholder{color:#fff}.Contact form input::placeholder,.Contact form textarea::placeholder{color:#fff}.Contact form #input-submit{width:100%;height:40px;padding:5px 10px;background-color:rgba(0,0,0,.473);border:2px solid rgba(255,255,0,.644);border-radius:5px;transition:all .5s ease-in-out;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-decoration:none;color:#fff;font-size:16px}.Contact form #input-submit:hover{background-color:transparent}.Contact form textarea{height:152px}.Contact .half{float:left;width:48%;margin-bottom:1em}.Contact .right{width:50%}.Contact .left{margin-right:2%}.Contact .cf:after,.Contact .cf:before{content:" ";display:table}.Contact .cf:after{clear:both}@media only screen and (max-width:1200px){.Contact .contact-card{width:750px}.Contact .contact-card .card-info button{height:30px}.Contact form{width:750px}}@media only screen and (max-width:992px){.Contact .contact-card{width:700px}.Contact .contact-card .card-info button{height:30px}.Contact form{width:700px}}@media only screen and (max-width:768px){.Contact{height:170vh}.Contact .contact-card{width:400px;height:500px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.Contact .contact-card .card-info{width:100%}.Contact form{width:400px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;margin:0}.Contact form input,.Contact form textarea{width:400px!important;height:40px;margin-left:0!important;resize:none}.Contact form input::-webkit-input-placeholder,.Contact form textarea::-webkit-input-placeholder{color:#fff}.Contact form input:-ms-input-placeholder,.Contact form textarea:-ms-input-placeholder{color:#fff}.Contact form input::placeholder,.Contact form textarea::placeholder{color:#fff}.Contact form #input-submit{width:400px;height:30px}.Contact form textarea{height:152px}.Contact form .half{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;margin:0!important}}@media only screen and (max-width:430px){.Contact .contact-card{width:300px;height:500px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.Contact .contact-card .card-info{width:100%}.Contact form{width:300px}.Contact form input,.Contact form textarea{width:300px!important}.Contact form #input-submit{width:300px}}.notfound{position:relative;width:100%;height:100vh;background-color:#00031e;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.notfound h1:first-child{font-size:150px;color:rgba(255,255,0,.644)}.notfound h1:last-child{font-size:60px;color:hsla(0,0%,100%,.356);text-align:center}*{margin:0;padding:0;font-family:"Roboto",sans-serif;box-sizing:border-box}.loading{background-color:#00031e}.container,.loading{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:relative;width:100%;height:100vh}.container .info{width:20%;-webkit-flex-direction:column;flex-direction:column;background-color:#00031e}.container .content,.container .info{position:relative;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.container .content{width:80%;-webkit-flex-direction:row;flex-direction:row}@media only screen and (max-width:1150px){.container{position:relative;width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.container .info{width:20%;-webkit-flex-direction:column;flex-direction:column;background-color:#00031e}.container .content,.container .info{position:relative;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.container .content{width:80%;-webkit-flex-direction:row;flex-direction:row}}@media only screen and (max-width:992px){.container{height:auto;-webkit-flex-direction:column;flex-direction:column}.container .content,.container .info{width:100%;height:auto}}
/*# sourceMappingURL=main.68481534.chunk.css.map */