@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;1,500&family=Poppins&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Montserrat;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:35px;display:flex;justify-content:center;align-items:center;color:#fff}h2,h3{font-size:20px;display:flex;justify-content:center;align-items:center;color:#fff}h4{color:#fff}.intro{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.intro-container{padding-top:190px}li,a,button{font-family:Monserrat,sans-serif;font-weight:600;font-size:16px;text-decoration:none;color:#fff}.nav-container{display:flex;margin:auto}.nav-links{list-style:none;position:fixed;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:20px}.nav-links li{padding:5px}.nav-links li a{transition:all .3s ease 0s;font-family:Montserrat,sans-serif;font-size:20px;padding:6px;background-color:#1f5079;border-radius:50px}.nav-links li a:hover{background-color:#d66bbb}button{margin:10px;padding:12px;background-color:#bf86b7;border:none;border-radius:50px;cursor:pointer;transition:all .3 ease 0s;font-size:18px}button:hover{background-color:#066cbf}.main{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:30px;padding:5px}.p-tag{font-size:20px}.footer-p-tag{padding:5px;font-size:15px}.hp-p-tag{padding:8px}.fullstack-container{display:flex;align-items:center}.fullstack{display:flex;flex-wrap:wrap;margin:10px auto;padding:10px;justify-content:flex-start;align-items:start}#img-trial{margin:0;height:300px;width:100%;background-image:url(/assets/website-img.png-CJuYrkX6.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.connect-title{font-size:30px}.connect-container{display:flex;flex-direction:row;flex-wrap:wrap;padding:10px;justify-content:center;margin:auto}.connect-with-me{margin:10px;padding:8px;transition:all .3s ease 0s;font-family:Montserrat,sans-serif;font-size:18px;background-color:#0388f4;border-radius:50px}@media (min-width:600px){h2,h3{font-size:25px}.hp-p-tag{font-size:18px}.nav-links li a,.connect-with-me{font-size:25px}#img-trial{height:400px}}@media (min-width:770px){#img-trial{height:500px}h1{font-size:45px}h2,h4{font-size:25px}.intro-container{padding-top:280px}.fullstack{max-width:900px;justify-content:center;align-items:center}}@media (min-width: 770px){#img-trial{height:500px}h1{font-size:45px}h2,h4{font-size:25px}.intro-container{padding-top:280px}}@media (min-width: 960px){#img-trial{height:600px}h1{font-size:50px}h2,h3{font-size:30px}.intro-container{padding-top:350px}}@media (min-width: 1200px){#img-trial{height:800px}h1{font-size:60px}h2,h4{font-size:35px}.intro-container{padding-top:400px}}.active{color:pink}.form{display:flex;flex-direction:column;align-items:center;background-color:#15172b;border-radius:20px;height:auto;padding:20px;width:320px;margin:190px auto auto}.title{font-size:25px}.input-container{height:70px;position:relative;width:300px}.ic1{margin-top:20px}.ic2{margin-top:25px}.input{background-color:#303245;border-radius:12px;border:0;box-sizing:border-box;color:#eee;font-size:18px;height:100%;outline:0;padding:4px 20px 0;width:calc(100% - 40px)}.cut{background-color:#15172b;border-radius:10px;height:20px;left:20px;position:absolute;top:-20px;transform:translateY(0);transition:transform .2s;width:calc(100% - 40px)}.cut-short{width:50px}.placeholder{color:#65657b;font-family:sans-serif;left:20px;line-height:14px;pointer-events:none;position:absolute;transform-origin:0 50%;transition:transform .2s,color .2s;top:20px}.input:focus~.placeholder,.input:not(:placeholder-shown)~.placeholder{transform:translateY(-30px) translate(10px) scale(.75)}.input:not(:placeholder-shown)~.placeholder{color:#808097}.input:focus~.placeholder{color:#dc2f55}.submit{background-color:#08d;border-radius:12px;border:0;box-sizing:border-box;color:#eee;cursor:pointer;font-size:18px;height:50px;margin-top:38px;text-align:center;width:100%}.submit:active{background-color:#06b}@media screen and (min-width: 768px){.form{width:60%}.input-container{width:430px}}@media screen and (min-width: 1024px){.form{width:40%}.input-container{width:400px}}@media screen and (min-width: 1440px){.form{width:30%}}.projects-h1{margin-top:150px}.project-container{display:flex;justify-content:center;flex-direction:column;align-items:center;padding:25px}.project-img{height:600px;padding:5px;margin-top:45px}.project-a-container{display:flex;flex-direction:row;padding:10px;justify-content:space-between}.project-a-tag{margin:10px;padding:8px;transition:all .3s ease 0s;font-family:Montserrat,sans-serif;font-size:18px;background-color:#0388f4;border-radius:50px}.project-a-tag:hover{background-color:#ff27c9}.project-title{padding:10px;font-size:35px}.app-description{font-size:16px;align-items:center}.app-description-container{display:flex;justify-content:center;align-items:center;max-width:700px}@media (min-width: 770px){.projects-h1{margin-top:120px}.project-img{height:450px;margin-top:30px}.project-title{font-size:30px;padding:15px}.app-description{font-size:16px}}@media (min-width: 960px){.projects-h1{margin-top:150px}.project-img{height:500px;margin-top:40px}.project-title{font-size:35px;padding:20px}.app-description{font-size:18px}}@media (min-width: 1200px){.projects-h1{margin-top:180px}.project-img{height:600px;margin-top:50px}.project-title{font-size:40px;padding:25px}.app-description{font-size:20px}}.resume-container{max-width:800px;margin:0 auto;padding:20px}.resume-header{text-align:center;margin-bottom:20px}.resume-summary,.resume-skills,.resume-projects,.resume-experience,.resume-education{margin-bottom:40px}.resume-experience li,.resume-education li{margin-bottom:10px}.resume-education,.resume-projects,.resume-skills{padding-left:20px;border-left:2px solid #333}.resume-education h2,.resume-experience h2,.resume-projects h2,.resume-skills h2,.resume-summary h2{color:#979797;font-size:1.5em;margin-bottom:10px}.resume-education p,.resume-experience p,.resume-skills p,.resume-summary p{margin-bottom:10px}.resume-projects p{margin-bottom:10px;display:flex;justify-content:center;align-items:center}.resume-education a,.resume-experience a,.resume-projects a,.resume-skills a,.resume-summary a{color:#007bff}.aboutme-h1{font-size:25px;padding:20px}.p-container{max-width:900px}.p-tag{font-size:16px}@media (min-width: 770px){.aboutme-h1{font-size:25px;padding:20px}.p-tag{font-size:16px}}@media (min-width: 960px){.aboutme-h1{font-size:30px;padding:25px}.p-tag{font-size:18px}}@media (min-width: 1200px){.aboutme-h1{font-size:35px;padding:30px}.p-tag{font-size:20px}}