.p-front div:first-child{background-size:100% 100%;height:150px;width:100%}.p-front{right:0}.title{font-size:1.1rem;padding:3px;color:#537386;font-weight:700}.desc,.title{text-align:center}.desc{padding:2px}.demo{text-align:center;padding:3px;background-color:#537386;width:30%;border-radius:15px;margin:10px auto auto}.demo a{text-decoration:none;color:#f5f5f5}.ico{font-size:20px}.fa-html{color:#f16121;font-size:2.5rem}.p-back{transform:rotateY(180deg);right:0;text-align:center;width:100%;padding-top:15px}ul{list-style:none}hr{width:85%;margin:auto}.tech-title{padding:2px;font-size:1rem;color:#537386;font-weight:700}.fa-github-icon{font-size:1.5rem}.project-wrapper{background-color:#d8e1e6;box-shadow:0 0 10px rgba(175,154,154,.4);padding:5px;position:relative;border-radius:3px;height:320px;width:30%;margin-bottom:15px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card{position:relative;transform-style:preserve-3d;transition:transform 2s}.p-back,.p-front{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.project-wrapper.flip>.flip-card{transform:rotateY(180deg)}.project-wrapper button{position:absolute;bottom:.5rem;left:0;right:0;margin-left:auto;margin-right:auto;display:flex;justify-content:center;align-items:center;background-color:transparent;outline:transparent}.pro-arrow{padding:3px;width:7px;height:7px;border:solid #537386;border-width:0 2px 2px 0}.more{color:#537386}.projects-wrapper{width:80%;margin:auto;display:flex;flex-wrap:wrap;min-height:90vh;justify-content:space-evenly;align-items:flex-start;padding:10px 10px 50px;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media(max-width:400px){.projects-wrapper{width:98%;margin:auto}.project-wrapper{width:95%;margin:auto auto 15px}}@media (min-width:401px)and (max-width:700px){.projects-wrapper{flex-direction:column;width:98%}.project-wrapper{width:65%;margin:auto auto 15px}}@media(min-width:701px) and (max-width:1100px){.projects-wrapper{width:98%}.project-wrapper{width:35%}}.about-wrapper{background-color:#a6b388;right:0;transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%)}.about-wrapper-inner-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.about-wrapper_inner{width:80%;margin:auto;transition:color 2s;padding-bottom:20px}.img-sec{width:120px;height:120px;margin:auto}.img-sec img{display:block;margin:auto;width:100%;height:100%;border-radius:50%;opacity:.85}.bio div:first-child{text-align:center;padding:5px;font-size:1.4rem;color:#66553d}.bio p{padding:5px;text-align:justify;color:#885e48;font-size:1rem}.email{text-align:center;font-size:large;color:#66553d}.fa-twitter-icon{display:block;margin:auto;font-size:2.2rem;color:#66553d;transition:color .8s}.fa-twitter-icon:hover{-webkit-animation:upNdown 2s linear infinite;animation:upNdown 2s linear infinite}.about-close-btn{color:#66553d!important}@media(max-width:680px){.about-wrapper,.roads-wrapper{width:100%!important;height:100vh}}@media(min-width:681px) and (max-width:1000px){.about-wrapper,.roads-wrapper{width:50%!important}.cerificates{margin-top:45px}.roads-wrapper-inner-wrapper{margin-top:50px!important}}.roads-wrapper{left:0;background-color:#9ea4a7;transform:translateX(-110%);-webkit-transform:translateX(-110%);-moz-transform:translateX(-110%);height:100vh;overflow-y:auto}.roads-wrapper-inner-wrapper{display:flex;flex-direction:column;justify-content:space-evenly;margin-top:20px}.cerificates h5,.roads-wrapper_inner h5{font-size:1.01rem;color:#104c68;padding:5px;text-align:center}.roads-wrapper_inner h5{margin-top:10px}.cerificates,.roads-wrapper_inner{text-align:center;width:100%;margin:auto}.cerificates{margin-top:20px}.roads-icons{display:flex;flex-wrap:wrap;justify-content:space-evenly;height:90%;width:50%;margin:auto}.caro-wrapper{width:95%;margin:auto}.thumb{background-color:#15243a!important}@media(max-width:500px){.roads-icons{width:60%}.close-btn{right:5px!important;top:8px!important}}@media (max-width:350px){.roads-icons{width:95%}.roads-icons>*{transform:scale(.8)}.cerificates h5,.roads-wrapper_inner h5{font-size:.8rem}}@media(min-width:601px) and (max-width:1000px){.roads-icons{width:70%!important}}*{padding:0;margin:0;border:none;outline:none;text-decoration:none;box-sizing:border-box}body{background-image:linear-gradient(rgba(48,57,61,.966),rgba(56,58,58,.274)),url(/static/media/3.23e016ad.jpg);background-repeat:no-repeat;background-size:100% 100%;background-attachment:fixed;overflow-x:hidden}header{background-color:rgba(61,72,77,.911);height:40px;width:100%;z-index:999;border:transparent}.brand,header{position:fixed}.brand{text-align:center;font-size:1.3rem;top:5px;left:0;margin-left:auto;right:0;margin-right:auto;color:rgba(212,245,28,.884);width:30%;z-index:99999999}.brand:hover{cursor:pointer}.center-div{flex:0.5 1;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;text-align:center}.center-div h2{color:#77a9f0;font-weight:700}.center-div span{color:#f5f5f5;font-size:19px}.center-div span span{font-size:16px;color:rgba(216,235,108,.956)}.Projects{position:absolute;color:#d4f51c;font-size:larger;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:flex-end;left:0;right:0;margin-right:auto;bottom:5rem;-webkit-animation:upNdown 2s linear infinite;animation:upNdown 2.5s linear infinite}.About:hover,.Projects:hover,.Roads:hover{cursor:pointer}.arrow{width:20px;height:20px;border:solid #d4f51c;border-width:0 3px 3px 0;display:inline-block;padding:10px;position:absolute}.arrow1{top:15px}.arrow2{top:25px}.arrow3{top:35px}.arrow-right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.arrow-down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.arrow-left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.About,.Roads{color:#d4f51c;display:flex;justify-content:center;align-items:center;position:fixed;top:15px;font-size:16px;z-index:99999}.About{right:60px}.Roads{left:60px}.arrow-r-1{left:49px}.arrow-r-2{left:59px}.arrow-r-3{left:69px}.arrow-l-1{right:48px}.arrow-l-2{right:58px}.arrow-l-3{right:68px}.arrow-l-1,.arrow-l-2,.arrow-l-3,.arrow-r-1,.arrow-r-2,.arrow-r-3{padding:3px;border-width:0 2px 2px 0;width:10px;height:10px}@-webkit-keyframes upNdown{50%{transform:translateY(5px)}}@keyframes upNdown{50%{transform:translateY(5px)}}.about-wrapper,.roads-wrapper{width:40%;min-height:100vh;position:fixed;z-index:999999;transition:transform 1s}.trans-none{transform:none}.overflow-none{overflow:hidden}.close-btn{position:absolute;top:15px;right:20px;width:30px;height:30px;border-radius:50%;font-size:1.1rem;color:#155674;background-color:rgba(250,249,249,.2);transition:background-color 1s}.close-btn:hover{background-color:rgba(250,249,249,.7)}::-webkit-scrollbar{width:10px;height:7px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px #6e838d;border-radius:5px}::-webkit-scrollbar-thumb{border-radius:5px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:window-inactive{background:rgba(48,69,78,.73)}@media(max-width:500px){.brand{font-size:1.1rem}.center-div h2{font-size:1.3rem}.center-div span{font-size:16px}.center-div span span{font-size:14px}.About{right:40px}.Roads{left:40px}.About,.Roads{font-size:14px}.arrow-l-1,.arrow-l-2,.arrow-l-3,.arrow-r-1,.arrow-r-2,.arrow-r-3{padding:3px;border-width:0 2px 2px 0;width:8px;height:8px}}@media(min-width:501px) and (max-width:700px){.center-div h2{font-size:1.5rem}}
/*# sourceMappingURL=main.4825642f.chunk.css.map */