@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);@import url(https://fonts.googleapis.com/css2?family=KoHo:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap);.particles{position:absolute;top:0;left:0;z-index:-2;height:90vh;width:100%;overflow:hidden}.about_text{color:#fff;-webkit-flex-direction:column;flex-direction:column;text-align:center}.about_container,.about_text{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.about_container{height:80vh}.heading{font-size:2.5rem}.text{font-size:1.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:0 auto}@media (max-width:700px){.text{margin:0 1rem}}body{background-color:#06202a;font-family:"Comfortaa",cursive}body,html{scroll-behavior:smooth}.works{display:grid;grid-template-columns:repeat(2,1fr)}.works_container>h1{text-align:center;color:#fff;font-family:"Source Code Pro",monospace}@media (max-width:880px){.works{display:grid;grid-template-columns:repeat(1,1fr)}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-[#06202A] text-gray-300}}.header{-webkit-justify-content:center;justify-content:center}.header,.header_container{display:-webkit-flex;display:flex}.header_container{max-width:1200px;width:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;z-index:1}.header_logo{object-fit:contain;height:3rem}.header_list{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.header_list>li{list-style:none}.header_list>li>a{text-decoration:none;color:#fff;list-style:0;padding:12px;font-size:1.4rem;margin-right:4px}.header_list>li>a:active,.header_list>li>a:hover{border:2px solid #fff;border-radius:10px}.header_right{position:relative}.responsive_bar{position:absolute;top:1rem;right:1rem;display:none;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;width:30px;height:21px}.bar{height:3px;width:100%;background-color:#fff;border-radius:10px}@media (max-width:700px){.header_list.active,.responsive_bar{display:-webkit-flex;display:flex}.header_list.active{background-color:rgba(0,0,0,.7);width:90vw;margin:0}.header_list>li{margin:.5rem 0}.header_list{-webkit-align-items:center;align-items:center;display:none}.header_container,.header_list{-webkit-flex-direction:column;flex-direction:column}.header_container{-webkit-align-items:flex-start;align-items:flex-start;height:5vh;position:fixed}.header_right{margin:0 auto}}.skills{height:auto;width:100%;background:hsla(0,0%,100%,.1);border-radius:15px;box-shadow:20px 20px 50px rgba(0,0,0,.5);border-top:1px solid hsla(0,0%,100%,.3);border-left:1px solid hsla(0,0%,100%,.3);position:relative;margin-top:60px}.skills_container{display:grid;grid-template-columns:repeat(3,1fr)}.skills_container>span{text-align:center}.coder_svg{position:absolute;top:-405px;left:0}#Head{-webkit-animation:headanimate .8s linear infinite alternate;animation:headanimate .8s linear infinite alternate;-webkit-transform-origin:center;transform-origin:center;transform-box:fill}#Air{-webkit-animation:airanimate 3s linear infinite;animation:airanimate 3s linear infinite}@-webkit-keyframes headanimate{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes headanimate{0%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes airanimate{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}}@keyframes airanimate{0%{-webkit-transform:translateY(60px);transform:translateY(60px);opacity:1}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}}@media (max-width:700px){.skills_container{display:grid;grid-template-columns:repeat(2,1fr)}.skills{height:auto}}.work_container{position:relative;width:450px;margin:20px auto;box-shadow:15px 15px 10px rgba(0,0,0,.4)}.work_img{display:block}.work_img,.work_text{border-radius:10px;width:100%}.work_text{position:absolute;text-align:center;top:0;left:0;height:100%;background-color:rgba(0,0,0,.6);color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-family:"Varela Round",sans-serif;font-size:1.4rem;opacity:0;transition:opacity .25s}.work_text>*{-webkit-transform:translateY(20px);transform:translateY(20px);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.work_text:hover>*{-webkit-transform:translateY(0);transform:translateY(0)}.work_text:hover{opacity:1}.visit_text{text-decoration:none;color:#fff;display:-webkit-flex;display:flex}.visit_text>h3:hover{border-bottom:2px solid #fff;border-radius:2px}@media (max-width:700px){.work_container{width:90vw}}.contact_container{font-family:"KoHo",sans-serif;font-weight:700;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:0 10vw}.img{border-left:2px solid #fff;height:3px}.social_media{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around}.social_media>a:hover{border-bottom:2px solid #fff}.container_form{padding:20px 40px;background-color:#cdcff0;border-radius:10px}.container_form>h1{text-align:center;margin-bottom:30px}.contact_form{position:relative;margin:20px 0 40px;width:300px}.contact_form input{background-color:transparent;border:0;border-bottom:2px solid #fff;display:block;width:100%;padding:15px 0;font-size:18px;margin-bottom:10px}.contact_form input:focus,.contact_form input:valid{outline:0}.contact_form>button{height:2rem;width:6rem;display:-webkit-flex;display:flex;margin:4px auto;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:hsla(0,0%,100%,.8);border:0;border-radius:8px;cursor:pointer}button>h2{font-family:"KoHo",sans-serif}.container_left{max-width:50vw}.container_right>h2{color:#fff}.contact>h1{border-top:2px solid #fff;text-align:center;color:#f0fff0;padding:20px;font-family:"Source Code Pro",monospace}@media (max-width:700px){.contact_container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.contact_form{width:70vw}.container_right{width:auto}.container_form{width:95vw}.container_left{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:1005}}
/*# sourceMappingURL=main.c98541e4.chunk.css.map */