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}*{padding:0;margin:0}.navbar__Options>.is-active{color:#00daf7}.homeScreen{width:100%;height:100vh;background-color:#010102;background:radial-gradient(1000px 900px at bottom right,#003af7,#0090c9 50%,#f30049 70%,#010102 75%)}.name__section{color:#fff;position:absolute;top:30vh;left:60px}.name>span{color:#00daf7}.hello{color:#2c2926;font-size:3rem}.hello,.name{font-weight:500}.name{font-size:5rem;font-family:Verdana,Geneva,Tahoma,sans-serif}.proff{font-size:2.5rem;color:#f30049;font-weight:500}.social__links{position:absolute;bottom:25px;left:15px}.social__links>h2{color:#fff;margin:0 20px;font-size:2em;font-weight:400}.social__links>ul{display:flex;margin-top:30px}.social__links>ul>li{list-style:none;margin:0 20px}.social__links>ul>li>a{text-decoration:none;height:60px;width:60px;background:#242424;border-radius:50%;text-align:center;padding:6px;display:block;box-sizing:border-box;box-shadow:-5px 5px 40px rgba(4,68,241,.795)}.social__icon{color:#222!important;font-size:3em!important}.linkedin{background-color:#002fff!important;border-radius:50%;padding:10px 12px;font-size:30px!important}.fb,.ghub,.linkedin{color:#fff!important}.fb{background-color:#2300e7!important;border-radius:50%}@media (max-width:900px){.homeScreen{background:none}.social__links{display:flex;align-items:center}.social__links ul{margin-top:15px}}body{background-color:#000}.aboutScreen{display:flex;flex-direction:column;margin-top:23px}.aboutScreen__body{padding:15px;display:flex;margin:5% 15px 15px}.aboutScreen__left{display:flex;flex:0.3 1;justify-content:flex-start;margin-left:10%}.info{color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1.2em;font-weight:500}.info>span{font-size:2em}.profile__image{height:300px;width:300px;border-radius:50%;padding:15px;transform:scale(1.5);object-fit:contain}@keyframes animate{10%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}.aboutScreen__right{display:flex;flex-direction:column;margin-top:5px;justify-content:flex-start;margin-left:10%}.skills__info{color:#fff;font-size:2em;font-weight:500}.skills__container{display:flex}.aboutScreen__bottomright{margin-top:10%}@media (max-width:988px){.aboutScreen__body{flex-direction:column}.aboutScreen__center{margin-top:10%}.skills__container{flex-direction:column}.aboutScreen__left{justify-content:center}}.card{margin-top:10%;position:relative;width:220px;display:flex;justify-content:center;align-items:center;height:220px;border-radius:14px;text-align:center;overflow:hidden;transition:.5s}.card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.5)}svg{position:relative;width:150px;height:150px;z-index:1000}svg circle{width:100%;height:100%;fill:none;stroke:#191919;stroke-width:10;stroke-linecap:round;transform:translate(5px,5px)}svg circle:nth-child(2){stroke-dasharray:440;stroke-dashoffset:440}.card:first-child svg circle:nth-child(2){stroke-dashoffset:44;stroke:#ff1c2f}.card:nth-child(2) svg circle:nth-child(2){stroke-dashoffset:66;stroke:#26f1ff}.card:nth-child(3) svg circle:nth-child(2){stroke-dashoffset:132;stroke:#fbff20}.percent{position:relative;width:150px;height:150px;border-radius:50%;box-shadow:0 0 50px #000;background:#222;z-index:1000}.percent .number{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:50%}.percent .number h2{color:#777;font-weight:700;font-size:40px;transition:.5s}.card:hover .percent .number h2{color:#fff;font-size:60px}.percent .number h2 span{font-size:24px;color:#777}.card:hover .percent .number h2 span{color:#fff;transition:.5s}.text{position:relative;color:#777;margin-top:20px;font-weight:700;font-size:18px;letter-spacing:1px;text-transform:uppercase;transition:.5s}.card:hover .text{color:#fff}.project__card{position:relative;margin:20px 0;width:350px;height:200px;background:#fff;transform-style:preserve-3d;transform:perspective(2000px);transition:1s}.project__card,.project__card:hover{box-shadow:0 20px 50px rgba(0,0,0,.8)}.project__card:hover{transform:perspective(2000px) rotate(-10deg);z-index:1000}.imgBox{position:relative;box-sizing:border-box;transform-origin:left;z-index:1;transition:1s}.imgBox,.imgBox img{width:100%;height:100%}.imgBox img{position:absolute;top:0;left:0}.project__card:hover .imgBox{transform:rotateY(-135deg)}.content{position:absolute;top:0;left:0;box-sizing:border-box;padding:20px}.content a{margin:10px;display:inline-block;text-decoration:none;font-weight:600;color:#333;padding:5px;border:1px solid #333;letter-spacing:1px}.content a:hover{background:#333;color:#fff}.project__list{display:flex;justify-content:center;align-items:center;height:100%;background:#333}.project__item{max-width:1100px;margin:100px auto;display:flex;flex-wrap:wrap;justify-content:space-around}.contactScreen{height:100vh;box-sizing:border-box;overflow:hidden}.section{margin-top:30px;display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:#001923}.section:before{width:400px;height:400px;background:linear-gradient(#ff588a,#f30049);transform:translate(-350px,-190px)}.section:after,.section:before{content:"";position:absolute;border-radius:50%}.section:after{width:300px;height:300px;background:linear-gradient(#1db954,#b3e7ff);transform:translate(300px,180px)}.container{position:relative;z-index:1000;width:100%;max-width:450px;padding:40px;background:hsla(0,0%,100%,.1);box-shadow:0 25px 45px rgba(0,0,0,.1);border-bottom:1px solid hsla(0,0%,100%,.25);border-right:1px solid hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.25) hsla(0,0%,100%,.1) hsla(0,0%,100%,.1) hsla(0,0%,100%,.25);border-style:solid;border-width:1px;border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.container:before{content:"";position:absolute;top:0;left:-50%;width:100%;height:100%;background:hsla(0,0%,100%,.05);transform:skewX(-15deg)}.container h2{width:100%;text-align:center;color:#fff;font-size:36px;margin-bottom:20px}.row100{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.col,.row100{position:relative;width:100%}.col{margin:25px 0}.inputBox{position:relative;width:90%;height:40px;color:#fff}.inputBox input,.inputBox textarea{position:absolute;width:100%;height:100%;background:transparent;box-shadow:none;outline:none;border:none;font-size:15px;padding:0 10px;z-index:1;color:#000}.inputBox__text{top:0;left:0;line-height:40px;margin-top:0;color:#fff;font-size:18px;padding:0 10px;transition:.5s;pointer-events:none}.inputBox__text,.line{position:absolute;display:block}.line{bottom:0;width:100%;height:2px;background:#fff;border-radius:2px}.inputBox input:focus+.text,.inputBox input:valid+.text,.inputBox textarea:focus+.text,.inputBox textarea:valid+.text{top:-35px;left:-10px}.inputBox input:focus~.line,.inputBox input:valid~.line,.inputBox textarea:focus~.line,.inputBox textarea:valid~.line{height:100%}.textarea{position:relative;height:80px;padding:10px 0}.btn{background:#003af7!important;color:#fff!important}.send{color:#fbff00;font-size:24px}@media (max-width:890px){.section:before{transform:translate(-200px,-180px)}.section:after{transform:translate(220px,180px)}.container{padding:20px}.container h2{font-size:28px}}
/*# sourceMappingURL=main.125476ae.chunk.css.map */