:root{--bg:#0d1117;--color:#fff;--color-2:#6e07f3}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1117;background-color:var(--bg);color:#fff;color:var(--color);font-family:Poppins;margin:0;overflow-x:hidden;padding:0}.hover{align-items:center;color:#0d1117;font-size:18px;justify-content:center;transition:all .3s}.hover:hover{background-color:#0d1117;color:#fff;transition:all .3s}.msg2{padding:30px 40px}.msg_btn{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center}@media only screen and (max-width:475px){.msg_btn{flex-direction:column}}@media only screen and (max-width:1000px){.msg2{flex-direction:column;gap:20px;padding:20px;width:95%}.p{width:200px}}*{scroll-behavior:smooth}.hide{display:none;visibility:hidden}.testi_btn{all:unset;cursor:pointer;font-size:40px}.fade{opacity:20%}*{box-sizing:border-box;font-weight:700;margin:0;padding:0}.app{overflow-x:hidden}.about-me,.app{align-items:center;display:flex;flex-direction:column}.about-me{background-color:#6e07f3;padding:100px 5vw 250px;text-align:center;-webkit-transform:translateY(-3px);transform:translateY(-3px);width:100vw;z-index:99}.content{max-width:700px}.about,.content{align-items:center;display:flex;flex-direction:column}.about img{max-width:900px;z-index:0}.skills{max-width:700px;padding:0 5vw;z-index:999}.container{background-color:#fff;border-radius:15px;color:#0d1117;display:flex;flex-direction:row;gap:20px;padding:30px;text-align:center;-webkit-transform:translateY(-200px);transform:translateY(-200px)}.one,.two{padding:20px 25px}.one ul,.two ul{list-style:none}.skills-heading{color:#6e07f3}.skills-top-heading{color:#6e07f3;font-size:23px}.skills-icons{background-color:#6e07f3;border-radius:100%;color:#fff;font-size:70px;font-weight:200;margin-bottom:10px;padding:15px}@media only screen and (max-width:700px){.container{flex-direction:column}}.header{align-items:center;display:flex;flex-direction:column;font-weight:bolder;height:100vh;justify-content:center;margin:0 0 50px;max-width:900px;text-align:center}.header_img{border-radius:100%;margin:50px;width:200px}.caption{font-size:18px;font-weight:400;margin-top:10px}.title{padding:0 10px}.icons{display:flex;flex-direction:row;font-size:25px;gap:20px;justify-content:space-evenly;margin-top:20px}.icons a{color:#fff}.work{margin-bottom:100px;max-width:900px;text-align:center}.email{color:#6b38dc;text-decoration:none}.email:hover{color:#885be7}.projects{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40px;padding:10px}.project{max-width:400px;overflow:hidden;position:relative}.project img{height:300px;object-fit:cover;transition:.3s}.img-text,.project img{border-radius:10px;width:400px}.img-text{align-items:center;background-color:#6b38dc;display:flex;flex-direction:column;gap:10px;height:100%;height:300px;justify-content:center;opacity:0;position:absolute;top:0;transition:all .3s}.button{border:2px solid #fff;border-radius:30px;color:#fff;font-weight:500;padding:5px 10px;text-decoration:none}.button:hover{background-color:#fff;color:#6b38dc;transition:.3s}.img-text:hover{opacity:90%;transition:all .3s}@media only screen and (max-width:610px){.img-text,.project,.project img{max-width:300px}}.msg{flex-direction:column;margin:100px 0;max-width:900px;text-align:center}.msg,.msg-btn{align-items:center;display:flex}.msg-btn{border:2px solid #fff;border-radius:100px;color:#fff;flex-direction:row;font-size:18px;font-weight:500;gap:5px;justify-content:center;margin-top:20px;padding:10px 15px;text-decoration:none;transition:.3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.msg-btn:hover{background-color:#6e07f3;border:2px solid #6e07f3;transition:.3s}.exp{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin:100px 0 200px}.para{max-width:650px;text-align:center}.cols{flex-direction:column;gap:100px;margin-top:100px}.cols,.row_1{align-items:center;display:flex;justify-content:center}.row_1{flex-direction:row;gap:20px}.detail{font-size:15px;max-width:450px}@media only screen and (max-width:1100px){.row_1{flex-direction:column}.row_content{text-align:center}.row_2{flex-direction:column-reverse}.para{padding:0 30px}}
/*# sourceMappingURL=main.8ea7f6be.css.map*/