*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html{scroll-behavior:smooth}#root{width:100%}p{color:#000000bf}nav{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:75px;display:flex}.web-icon{color:#000;text-decoration:none}ul{background-color:gray;flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:100%;padding:25px 0;list-style-type:none;display:flex;position:fixed;top:0;left:0}ul a{color:#000c;font-weight:700;text-decoration:none}@media (width<=700px){nav{margin-bottom:60px}ul{justify-content:space-between;gap:.75rem;padding:25px 1rem}}#hero{position:relative;top:-50px}.hero-sec{text-align:start;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2.5rem;height:100vh;padding:2.5rem;display:flex}.hero-details{width:50%}h1{letter-spacing:-3px;margin-bottom:15px;font-family:Arial,Helvetica,sans-serif;font-size:60px;font-weight:900;line-height:1}p{line-height:1.5}.img-div img{border-radius:25px;justify-self:center;width:70%;display:flex}@media (width<=700px){h1{font-size:45px}.hero-sec{flex-direction:column;gap:2.5rem;height:100%;padding:1.5rem}.hero-details,.img-div,.img-div img{width:100%}}.courseCard-title{padding:0 3rem}.container{color:#f5f5f5;flex-flow:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;padding:3rem 2rem;display:flex}.card{border:1px solid gray;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:22%;transition:all .5s ease-in-out;display:flex;overflow:hidden;box-shadow:0 0 5px gray}.card:hover{box-shadow:0 0 10px gray}.card img{border-radius:0;width:100%}.card p{font-weight:700}@media (width<=700px){.card{width:30%}}@media (width<=575px){.courseCard-title{margin-top:75px;padding:0 1.5rem}.card{width:47%}}@media (width<=420px){.card{width:100%}}#about{position:relative;top:-50px}.about-sec{flex-direction:row;align-items:center;gap:1rem;margin:3rem 0;padding:2rem;display:flex}.img-dev{justify-content:center;align-items:center;width:50%;display:flex}.about-img{text-align:center;border-radius:25px;justify-self:center;width:70%;display:flex}.about-details{flex-direction:column;gap:1rem;width:50%;display:flex}.about-details h2{font-size:35px;font-weight:700}@media (width<=700px){.about-sec{flex-direction:column}.img-dev,.about-img,.about-details{width:100%}}.footer-sec{background-color:gray;flex-flow:wrap;justify-content:space-between;align-items:center;width:100%;padding:2rem;display:flex}.footer-sec a{color:#000;font-weight:700;text-decoration:none}@media (width<=700px){.footer-sec{padding:.5rem}}