@import url(https://fonts.googleapis.com/css?family=Exo:400,700);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;overflow-x:hidden}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:425px){.row{display:block}.img-about{width:50%}}@media only screen and (max-width:600px){.row{display:block}.img-about{width:50%}}*{padding:0}.banner-btn{color:#fff;border:1px solid #fff;position:absolute;left:48%;z-index:2}body{font-family:"Exo",sans-serif}.context{width:100%;position:absolute;top:50vh}.context h1{text-align:center;color:#fff;font-size:50px}.area{background:rgba(39,105,136,.9607843137254902);width:100%;height:100vh}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:hsla(0,0%,100%,.2);animation:animate 25s linear infinite;bottom:-150px}.circles li:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}@media only screen and (max-width:425px){.area{height:100vh}.banner-name,.Typewriter{font-size:20px!important}.banner-btn{margin-top:5px;margin-left:-15px!important;display:block}}@media only screen and (max-width:600px){.banner-name,.Typewriter{font-size:20px!important}.banner-btn{margin-top:5px;margin-left:-15px!important;display:block}}.type{color:#fff;font-size:30px}*{margin:0;box-sizing:border-box}#contact,.body1{background-color:rgba(39,105,136,.9607843137254902)}#contact{display:flex;justify-content:center;align-items:center}.contact-box{width:clamp(100px,90%,1000px);margin:80px 50px;display:flex;flex-wrap:wrap}.contact-form-wrapper,.contact-links{width:50%;padding:8% 5% 10%}.contact-links{background:radial-gradient(circle at 55% 92%,rgba(39,105,136,.5411764705882353) 0 12%,transparent 12.2%),radial-gradient(circle at 94% 72%,rgba(39,105,136,.9607843137254902) 0 10%,transparent 10.2%),radial-gradient(circle at 20% max(78%,350px),rgba(39,105,136,.7058823529411765) 0 7%,transparent 7.2%),radial-gradient(circle at 0 0,rgba(39,105,136,.6705882352941176) 0 40%,transparent 40.2%),#1f2e43;border-radius:10px 0 0 10px}.contact-form-wrapper{background-color:hsla(0,0%,100%,.5607843137254902);border-radius:0 10px 10px 0}@media only screen and (max-width:800px){.contact-form-wrapper,.contact-links{width:100%}.contact-links{border-radius:10px 10px 0 0}.contact-form-wrapper{border-radius:0 0 10px 10px}}@media only screen and (max-width:400px){.contact-box{width:95%;margin:8% 5%}}h2{font-family:"Arimo",sans-serif;color:#fff;font-size:clamp(30px,6vw,60px);letter-spacing:2px;text-align:center;transform:scaleX(.95)}.links{display:flex;flex-wrap:wrap;justify-content:center;padding-top:50px}.link{margin:10px;cursor:pointer}.img1{width:45px;height:45px;filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #0006);transition:.2s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.img1:active,.img1:hover{transform:scale(1.1)}.img1:active{filter:hue-rotate(220deg) drop-shadow(2px 4px 4px #222) sepia(.3)}.form-item{position:relative}input,label,textarea{font-family:"Poppins",sans-serif}label{position:absolute;top:10px;left:2%;color:#999;font-size:clamp(14px,1.5vw,18px);pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}input,textarea{width:100%;outline:0;border:1px solid #ccc;border-radius:4px;margin-bottom:20px;padding:12px;font-size:clamp(15px,1.5vw,18px)}input:focus+label,input:valid+label,textarea:focus+label,textarea:valid+label{font-size:clamp(13px,1.3vw,16px);color:#777;top:-20px;transition:all .225s ease}.submit-btn{background-color:#fd917e;filter:drop-shadow(2px 2px 3px #0003);color:#fff;font-family:"Poppins",sans-serif;font-size:clamp(16px,1.6vw,18px);display:block;padding:12px 20px;margin:2px auto;border:none;border-radius:4px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:.2s}.submit-btn:active,.submit-btn:hover{transform:scale(1.1)}.submit-btn:active{filter:sepia(.5)}@media only screen and (max-width:800px){h2{font-size:clamp(40px,10vw,60px)}}@media only screen and (max-width:400px){h2{font-size:clamp(30px,12vw,60px)}.links{padding-top:30px}img{width:38px;height:38px}}.footer{margin:0;background-color:rgba(39,105,136,.9607843137254902)}.card1{border-radius:3%}.bg-projects{background-color:rgba(47,111,141,.10980392156862745)}.p-btn{margin:2px;background-color:rgba(39,105,136,.9607843137254902);border:#fff}@media only screen and (max-width:425px){.card{height:20%}}.header{text-align:right;font-size:18px;position:absolute;right:15%;z-index:1}.pointer{cursor:pointer}.sidebar{position:absolute;top:50%;font-size:200%;z-index:1}.side{color:#fff}.side:hover{color:#b099da}.side:focus{color:#fff}
/*# sourceMappingURL=main.2f004904.chunk.css.map */