.home{display:flex;justify-content:center;background-color:#10131a;padding-bottom:2rem;max-width:80rem;margin:0 auto}.about{width:55%;color:#fff;margin-top:5rem;line-height:2rem}.image{width:35%;margin:auto 0}.about h1{line-height:3rem}.about p{padding:2rem 3rem 3rem 0;font-size:1.2rem;color:#f2f3f495}.about .name{color:#2eb2d3}.about a{text-decoration:none;padding:1rem 2rem;border-radius:2rem;background-color:#2eb2d3;color:#eff0f2;font-size:1.2rem;font-weight:600;border:none;transition:.4s ease-in-out}.about a:hover{color:#10131a;background-color:#fff}.image img{width:90%;border-radius:50%;margin-top:5rem;border:.3rem solid white}@media screen and (max-width: 768px){.home{flex-direction:column-reverse;padding:2rem;align-items:center}.about{width:100%;margin-top:0;text-align:center}.about p{padding:0;margin:0 auto 4rem}.image{width:100%;margin-top:0;display:flex;justify-content:center}.image img{margin:0;padding:auto}}.contact{background-color:#10131a;color:#fff;padding-bottom:3rem;max-width:83rem;margin:0 auto;padding-top:6rem}.contact h1{font-size:2.5rem;text-align:center;margin-bottom:2rem}.contact p{font-size:1.2rem;text-align:center;margin-bottom:2rem;color:#f2f3f495;padding:2rem}.contact-form{margin:0 auto;background-color:#090d15;padding:1rem;border-radius:1rem}@media screen and (min-width:768px){.contact-form{width:35rem}}.contact-form h1{font-size:1.6rem;text-align:start;margin:1rem}form{display:flex;flex-wrap:wrap;justify-content:center}.contact-input,.contact-textarea{margin:.25rem 1rem;width:100%;font-size:1.3rem;padding:1rem;background-color:transparent;border-radius:1rem;border:1px solid white;color:#fff}.contact-textarea{height:10rem}.contact-input:focus{outline:1px solid #2eb2d3;border:none}.contact-textarea:focus{outline:1px solid #2eb2d3;border:none}#send-button{width:100%;font-size:1.5rem;padding:1rem;margin:1rem;color:#fff;background-color:#2eb2d3;border:none;border-radius:1rem;font-weight:600;transition:.3s ease-in-out}#send-button:hover{background-color:#fff;color:#090d15;box-shadow:0 0 10px #2eb2d3}.flash-msg{border-radius:2rem;position:fixed;top:25%;left:40%;background-color:transparent}#flash-close{color:#000;background-color:#fff;border-radius:3rem;border:none;font-weight:500;width:2.2rem;height:2.2rem;cursor:pointer}.flash{padding:1rem;background-color:#fff;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:15rem;box-shadow:0 0 10px #15f66c}.flash p{color:#000;font-size:1.1rem;background-color:#fff}#success{color:#15f66c;margin:1rem 0}.projects{background-color:#10131a;color:#eff0f2;max-width:83rem;margin:0 auto;padding-top:6rem}.projects h1{font-size:2.5rem;text-align:center;margin-bottom:2rem}.projects p{font-size:1.2rem;text-align:center;color:#f2f3f495;padding:2rem}.project-container{margin-top:2rem;display:flex;justify-content:center;flex-wrap:wrap}.project-card{background-color:#090d15;width:17rem;border-radius:1rem;padding:2rem 1.5rem;margin:1rem;transition:.3s ease-in-out;display:flex;flex-direction:column}.project-card img{width:17rem;border-radius:1rem}.project-card:hover{box-shadow:0 0 10px #2eb2d3}.technologies{display:flex;flex-wrap:wrap;margin-top:1rem}.technologies p{color:#2eb2d3;background-color:#303a51;font-size:.8rem;padding:7px;border-radius:15%;margin:5px;text-decoration:none}#title{font-size:1.3rem;text-align:left;margin-top:1rem;line-height:2rem;color:#fff}#date{font-size:.8rem;text-align:left;margin-bottom:1rem;text-decoration:none}#description{text-decoration:none;font-size:1.1rem;text-align:left;line-height:1.7rem}.links{margin-top:auto;display:flex;justify-content:space-between;background-color:#090d15}.links a{text-decoration:none;color:#fff;padding:.6rem 1rem;border-radius:1rem;margin-top:1rem;font-weight:600;transition:.3s ease-in-out}#code{background-color:#253134}#live{background-color:#2eb2d3bf}.links #code:hover,#live:hover{background-color:#ffffffbe;color:#000}header{position:sticky;top:0}.container{height:5.5rem;display:flex;justify-content:space-around;text-align:center;background-color:#10131a;align-items:center;font-weight:500;max-width:80rem;margin:0 auto}.logo{font-size:1.5rem;margin:.5rem}.logo a{text-decoration:none;color:#eff0f2}.nav-options{display:flex;list-style:none;padding:0}.nav-options li{margin:0 1rem}.container a{font-size:1.5rem;text-decoration:none;color:#eff0f2;cursor:pointer}nav a:hover{transition:color .3s ease-in-out}nav a:hover{color:#2fc9ef}#logo-icon{font-size:2rem}#portfolio{font-size:1.5rem;font-weight:600}.social-links .links a{font-size:1rem;font-weight:600;border-radius:1.5rem;background-color:#2eb2d3;padding:.6rem 1.5rem;margin:.5rem;transition:.4s ease-in-out}.social-links .links a:hover{background-color:#fff;color:#10131a}#github{margin-right:.5rem}#leetcode{margin-left:.5rem}@media screen and (max-width: 768px){nav{display:none}}.skills{background-color:#10131a;color:#eeeff1;max-width:80rem;margin:0 auto;padding-top:6rem}.skills h1{text-align:center;margin-bottom:2rem;font-size:2.5rem}.skills p{font-size:1.2rem;text-align:center;color:#f2f3f495;margin:2rem auto 0;padding:2rem}.skill-domain{display:flex;flex-wrap:wrap;justify-content:space-evenly}.skill-section{border:2px solid #2eb2d3;border-radius:1rem;width:40%;max-width:30rem;margin:2rem 0;padding:1rem;transition:.3s ease-in-out}@media screen and (max-width:768px){.skill-section{border:2px solid #2eb2d3;border-radius:1rem;width:80%;max-width:30rem;margin:2rem 0;padding:1rem;transition:.3s ease-in-out}}.skill-section:hover{border-color:#fff;box-shadow:0 0 10px #2eb2d3}.skill-section h1{font-size:2rem}.subsection{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center}.skill{display:flex;justify-content:center;align-items:center;border:2px solid #909192;border-radius:.5rem;padding:.8rem 1.5rem;margin:1rem 0;width:6rem}.skill p,i{padding:0;font-size:1.1rem;margin:0 .2rem}.logoimg{width:1.1rem;margin-right:.1rem;border-radius:.2rem}.experiences{background-color:#10131a;color:#eff0f2;padding-bottom:2rem;max-width:83rem;margin:0 auto;padding-top:6rem}.experiences h1{text-align:center;margin-bottom:2rem;font-size:2.5rem}.experiences #desc{font-size:1.2rem;text-align:center;margin:2rem auto 0;color:#f2f3f495;max-width:40rem;padding:2rem}.company img{height:3rem;width:3rem;border-radius:.8rem;margin-right:1rem}.company{display:flex;margin-bottom:1rem}.experience{font-size:1rem}.company-name{font-size:.8rem;margin:.2rem 0;color:#ffffff80}.date{font-size:.7rem;color:#ffffff80}.ex-section{border:2px solid #2eb2d3;border-radius:2rem;padding:1rem;margin:2rem auto;transition:.3s ease-in-out}@media screen and (min-width:768px){.ex-section{width:40rem}}@media screen and (max-width:768px){.ex-section{margin:2rem}}.ex-section:hover{border-color:#fff;box-shadow:0 0 10px #2eb2d3}.education{background-color:#10131a;color:#eff0f2;padding-bottom:2rem;max-width:83rem;margin:0 auto;padding-top:6rem}.education h1{text-align:center;margin-bottom:2rem;font-size:2.5rem}.education #desc{font-size:1.2rem;text-align:center;margin-bottom:2rem;color:#f2f3f495;margin:2rem auto 0;max-width:40rem;padding:2rem}.study img{height:3rem;width:3rem;border-radius:.8rem;margin-right:1rem}.study{display:flex;margin-bottom:1rem}.info p{margin:0;text-align:left}.school-name{font-size:1rem;color:#fff}.study-info{font-size:.9rem;margin:.2rem 0;color:#ffffff80}.date{font-size:.8rem;color:#ffffff80}.ed-section{border:2px solid #2eb2d3;border-radius:2rem;padding:1rem;margin:2rem auto;transition:.3s ease-in-out}@media screen and (min-width:768px){.ed-section{width:40rem}}@media screen and (max-width:768px){.ed-section{margin:2rem}}.ed-section:hover{border-color:#fff;box-shadow:0 0 10px #2eb2d3}.description p{text-align:left;line-height:1.4rem;margin:1rem 0;color:#ffffff80}.footer{background-color:#10131a;color:#fff;padding:2rem 0;max-width:83rem;margin:0 auto;border-top:1px solid rgba(255,255,255,.5)}.footer h1{font-size:1.8rem;text-align:center;color:#2eb2d3;margin:2rem 0}.footer ul{list-style:none;display:flex;justify-content:center;margin:2rem auto;width:80%}.footer ul li a{color:#fff;text-decoration:none;font-size:1.5rem;margin:0 1rem;cursor:pointer;transition:color .3s ease-in-out}.footer ul li a:hover{color:#2eb2d3}.social-media{width:25%;max-width:15rem;margin:2rem auto;padding:1rem;display:flex;justify-content:center;font-size:1.5rem;justify-content:space-around}.social-media a{color:#fff;transition:color .3s ease-in-out}.social-media a :hover{color:#2eb2d3}#copyright{font-size:1.3rem;text-align:center}@media screen and (max-width: 768px){.pages{display:none}}*{margin:0;padding:0;font-family:Poppins,sans-serif;background-color:#10131a}