*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{color:#fff;font-family:Arial,Helvetica,sans-serif;background-color:#333}.section{position:relative;margin:0 10dvw;border-radius:20px;padding:80px}.title{font-size:3rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;padding-bottom:10px}.cards-container{padding-top:50px;display:flex;justify-content:center;align-items:center;gap:50px;flex-wrap:wrap}.card{width:250px;height:200px;border:2px solid darkseagreen;border-radius:20px;background-color:#808080af;padding:40px;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 20%}@keyframes appear{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.tooltip,.hasan-tooltip{position:relative}.tooltip-text{visibility:hidden;width:170px;padding:10px;background-color:#2d246b8b;color:gold;text-align:center;border-radius:6px;position:absolute;z-index:1}.tooltip .tooltip-text{left:45px;top:-40px}.tooltip:hover .tooltip-text,.hasan-tooltip:hover .tooltip-text{visibility:visible}.hasan-tooltip .tooltip-text{left:100px;top:-42px}@media (max-width: 1135px){.tooltip .tooltip-text,.hasan-tooltip .tooltip-text{top:-50px}.tooltip-text{font-size:1.5rem}.section{width:820px}}@media (max-width: 930px){.section{margin:0 20px}}@media (max-width: 820px){.section{margin:0 10dvw;width:600px}.cards-container{gap:40px}.card{width:200px}.tooltip .tooltip-text{left:20px}}@media (max-width: 600px){.cards-container{gap:25px}}@media (max-width: 584px){.card{width:230px;padding:30px}.cards-container{gap:55px}}@media (max-width: 430px){.title{font-size:2rem}.tooltip-text{width:150px;font-size:1.2rem}.tooltip .tooltip-text{left:40px;top:-40px}.hasan-tooltip .tooltip-text{left:60px}.section{width:360px;margin:0 20px}}@media (max-width: 400px){.section{margin:0 10px}}.About{gap:150px;margin-top:10dvh;border:1px solid darkgoldenrod;background-color:#b8870b13;border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;padding-bottom:100px}.About .about-container{display:flex;justify-content:center;align-items:center;gap:150px}.About #name{color:#adff2f}.About #job{color:gold}.About p{font-size:1.1rem;line-height:2.3;letter-spacing:2.6px;width:57ch;font-family:cursive,Arial,sans-serif}.About #company{color:#f08080}.About .tech{color:#acff2fd8}.About .img-container{width:400px;height:550px;border:3px solid rgb(82,82,82);border-radius:23%;position:relative}.About .img-container img{position:absolute;top:-80px;left:0}@media (max-width: 1770px){.About{margin-top:15vh}.About .about-container{flex-direction:column}.About .title{padding-bottom:50px}.About p{font-size:1.3rem}.About .img-container{margin-top:-70px}.About .img-container img{top:-70px}}@media (max-width: 1024px){.About{width:100%;margin:0;border:none;border-radius:0;padding-top:15vh}}@media (max-width: 820px){.About p{width:33ch}}@media (max-width: 430px){.About p{font-size:1.1rem;font-family:Arial,Helvetica,sans-serif}.About .img-container{width:300px;height:400px}.About .img-container img{width:300px;top:-60px}}.Footer{width:79.1dvw;background-color:#008b8b33;position:relative;min-height:7dvh;margin:0 10dvw;border-top:1px solid lightgreen;display:flex;justify-content:space-evenly;align-items:center;gap:100px}.Footer a{font-size:1.5rem;cursor:pointer;transition:.2s;text-decoration:none;color:#fff;display:flex;gap:10px;justify-content:center;align-items:center}.Footer a:visited{color:#fff}.Footer a:hover,.Footer a:visited:hover{color:#b8860b}.Footer .gmail-icon{color:#ba455c}.Footer .icon{transition:.2s}.Footer .linkedin-icon{color:#2b9cc2}.Footer .github-icon{color:#241e1e}.Footer a:hover .icon{color:#daa520}@media (max-width: 1135px){.Footer{width:100%;margin:0}.Footer a{font-size:1rem}}@media (max-width: 1024px){.Footer{width:100%;margin:0}}@media (max-width: 675px){.Footer{flex-direction:column;gap:20px;padding:30px 0}}nav{width:79.1dvw;background-color:#008b8bb3;min-height:7dvh;margin:0 10dvw;border-bottom:1px solid lightgreen;position:fixed;top:0;z-index:99;display:flex;justify-content:center;align-items:center;gap:50px}nav a{font-size:1.5rem;cursor:pointer;transition:.2s;text-decoration:none;color:#fff}nav a:visited{color:#fff}nav a:hover,nav a:visited:hover{color:#b8860b}@media (max-width: 1024px){nav{width:100%;margin:0;height:10dvh}nav a{font-size:2.5rem}}@media (max-width: 820px){nav a{font-size:2rem}}@media (max-width: 500px){nav a{font-size:1.5rem}}@media (max-width: 430px){nav{height:7dvh}nav a{font-size:1.2rem}}.VideoCard{border-radius:20px;padding:20px 30px 50px;transition:.2s;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:-1px 1px 25px 10px #000;animation:appear linear;animation-timeline:view();animation-range:entry 0% cover 20%;width:600px}@keyframes appear{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.VideoCard:hover{box-shadow:-1px 1px 25px 10px #2c3b9e}.VideoCard iframe,.VideoCard img{border-radius:20px;width:560px;height:315px}.VideoCard .project-name{text-align:center;padding:40px 0;text-decoration:underline 2px solid lightgreen;text-underline-offset:7px}.VideoCard .links-container{display:flex;justify-content:center;align-content:center;gap:50px;padding-top:50px}.VideoCard .links{display:flex;border:1px solid lightgreen;border-radius:20px;padding:10px 100px;cursor:pointer;font-size:3rem;transition:.2s;color:#fff!important}.VideoCard a.links:hover{color:brown;background-color:#808080af;border-color:#5f9ea0}.VideoCard .links:visited{color:#f0f8ff}@media (max-width: 1770px){.VideoCard{width:500px}.VideoCard iframe,.VideoCard img{width:300px}.VideoCard .links{padding:10px 35px}}@media (max-width: 1024px){.VideoCard{width:700px}.VideoCard iframe,.VideoCard img{width:550px}.VideoCard .links{padding:24px 100px}}@media (max-width: 820px){.VideoCard{width:500px}.VideoCard iframe,.VideoCard img{width:400px}.VideoCard .links{padding:24px 40px}}@media (max-width: 540px){.VideoCard{width:400px}.VideoCard iframe,.VideoCard img{width:350px}}@media (max-width: 430px){@keyframes appear{0%{transform:translate(60px)}}.VideoCard{width:300px}.VideoCard iframe,.VideoCard img{width:250px}.VideoCard .links-container{flex-direction:column}}@media (max-width: 390px){@keyframes appear{0%{transform:translate(30px)}}.VideoCard{margin-left:-30px}}.Projects{border:1px solid darkolivegreen;border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-color:#1100ff13;margin-bottom:70px;padding-bottom:130px}.Projects .title{padding-bottom:100px}.Projects .projects-container{display:flex;justify-content:center;align-items:center;gap:130px;flex-wrap:wrap}.Projects .bootcamp-title{text-align:center;padding-top:150px;padding-bottom:100px;font-size:1.9rem;text-decoration:underline gold}@media (max-width: 1135px){.Projects .projects-container{flex-direction:column}}@media (max-width: 1024px){.Projects{width:100%;margin:0;border:none;border-radius:0}}@media (max-width: 820px){.Projects .projects-container{gap:100px}}@media (max-width: 430px){.Projects .bootcamp-title{width:20ch;text-align:start;font-size:1.5rem}}.Tech{border:1px solid darkcyan;border-top:none;border-radius:0;border-bottom:none;background-color:#0bb87c13}.Tech .title{padding-bottom:70px}@media (max-width: 1024px){.Tech{width:100%;margin:0;border:none;border-radius:0}}