@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;font-family:Nunito,sans-serif}html{background-color:#000;scroll-behavior:smooth}.hold{width:100%;display:flex;justify-content:center}nav{width:100%;max-width:1800px;display:flex;justify-content:space-between;align-items:center}#logo{margin-left:80px;width:80px;margin-top:10px;transition:all ease-in-out .3s;border-radius:50%}#logo:hover{transform:matrix3d(.7,.1,.7,0,-.6,.7,.2,0,-.5,-.8,.7,0,10,10,0,1)}nav ul{display:flex;margin-right:80px;margin-top:10px;gap:25px}nav ul li a{color:#f5f5f5;font-weight:700;font-size:20px;transition:all ease-in-out .3s}nav ul li{transition:all ease-in-out .3s}nav ul li a:hover{color:#07f}nav ul li:hover{transform:scale(1.1)}#hero{width:100%;max-width:1800px;display:flex;flex-wrap:wrap-reverse;justify-content:space-between}#hero_text{margin-left:80px}#hero_intro{color:#f5f5f5;margin-top:150px;font-style:italic;text-shadow:0 0 5px #f5f5f5,0 0 10px #f5f5f5}#hero_title{color:#f5f5f5;font-size:40px}#hero_title span{color:#07f;text-shadow:0 0 8px #0077ff,0 0 29px #0077ff}#hero_desc{color:#f5f5f5;width:500px}#cta{margin-top:25px;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:700;font-size:17px;background-color:#07f;border:none;transition:all ease-in-out .3s}#cta a{color:#f5f5f5}#cta:hover{scale:1.1;box-shadow:0 0 15px #07f,0 0 25px #07f}#avatar{margin-right:150px}#about{width:100%;max-width:1800px;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:175px;margin-bottom:50px}#about_me{margin-left:80px}#about_intro{color:#f5f5f5;font-style:italic;text-shadow:0 0 5px #f5f5f5,0 0 10px #f5f5f5}.about_title{color:#f5f5f5;font-size:40px}.about_title span{color:#07f;text-shadow:0 0 8px #0077ff,0 0 29px #0077ff}.about_desc{color:#f5f5f5;margin-top:15px;width:650px}#about_socials{display:flex;gap:10px;margin-top:20px}#about_socials a{background-color:#07f;color:#f5f5f5;font-size:40px;width:80px;display:flex;justify-content:center;padding:10px;border-radius:10px;transition:all ease-in-out .3s}#about_socials a:hover{scale:1.1;box-shadow:0 0 15px #07f,0 0 25px #07f}#spec{margin-top:75px}#about_skills{margin-top:20px;margin-right:80px}#about_skills{margin-top:20px}.skill_bar_container{margin-top:15px}.skill_bar_container p{color:#f5f5f5;font-size:18px;margin-bottom:5px}.skill_bar{width:500px;height:20px;background-color:#f5f5f5;border-radius:10px;overflow:hidden}.skill_fill{height:100%;background-color:#07f;border-radius:10px;transition:width .5s ease-in-out}#lesson{width:100%;max-width:1800px;display:flex;align-items:center;margin-top:50px;margin-bottom:50px;background-color:#07f}#thumbnail{width:50%}#lesson_text{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#lesson h1{font-size:30px;color:#fff}#lesson p{text-align:center;color:#fff}#projects{width:100%;max-width:1800px;margin-bottom:200px}#projects_intro{margin-left:80px;color:#f5f5f5;font-style:italic;text-shadow:0 0 5px #f5f5f5,0 0 10px #f5f5f5}#projects_title{color:#f5f5f5;font-size:40px;margin-left:80px}#projects_title span{color:#07f;text-shadow:0 0 8px #0077ff,0 0 29px #0077ff}#project_videos{width:100%;max-width:1800px;margin-top:50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:50px;padding:0 80px}.video_card{position:relative;overflow:hidden;border-radius:20px;box-shadow:0 0 15px #07f,0 0 25px #07f;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.video_card iframe{width:100%;height:200px;border:none}.video_card:hover{transform:scale(1.05);box-shadow:0 0 25px #07f,0 0 45px #07f}#more_portfolio{margin-top:50px;text-align:center}#more_portfolio p{color:#f5f5f5;font-size:20px;margin-bottom:15px}#more_portfolio a{background-color:#07f;color:#f5f5f5;padding:10px 20px;border-radius:20px;font-weight:700;transition:all ease-in-out .3s;display:inline-block;text-shadow:0 0 5px #f5f5f5}#more_portfolio a:hover{scale:1.1;box-shadow:0 0 15px #07f,0 0 25px #07f}#reviews{width:100%;max-width:1800px;margin-bottom:50px}#reviews_intro{margin-left:80px;color:#f5f5f5;font-style:italic;text-shadow:0 0 5px #f5f5f5,0 0 10px #f5f5f5}#reviews_title{color:#f5f5f5;font-size:40px;margin-left:80px}#reviews_title span{color:#07f;text-shadow:0 0 8px #0077ff,0 0 29px #0077ff}.reviews_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-left:80px;margin-right:80px}.review_card{background:#1b1b1b;padding:30px;border-radius:20px;box-shadow:0 0 #0000;transition:.3s}.review_card:hover{box-shadow:0 0 20px #07f;transform:translateY(-5px)}.stars{color:#ffc107;font-size:1.2rem;margin-bottom:15px}.review_card p{font-size:1rem;color:#ccc;margin-bottom:10px}.review_card span{font-size:.9rem;color:#888}footer{width:100%;max-width:1800px;display:flex;justify-content:center;padding-bottom:20px}footer p{color:#f5f5f5;font-weight:600}.burger{display:none;flex-direction:column;justify-content:space-between;width:35px;height:30px;cursor:pointer;margin-right:80px;margin-top:10px}.burger .line{height:3px;width:100%;background-color:#f5f5f5;border-radius:2px}@media only screen and (max-width: 768px){#logo{margin-left:20px}nav ul{gap:10px;margin-right:20px}nav ul{position:absolute;top:80px;right:0;width:200px;background:#1b1b1b;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;border-radius:10px;margin:0 20px 0 0;display:none}nav ul.open{display:flex}.burger{display:flex}nav ul li a{font-size:14px}#hero_text{width:100%;margin-left:0}#hero_intro{text-align:center;margin-top:20px}#hero_title{text-align:center}#hero_desc{text-align:center;text-wrap:balance;width:100%}#cta{margin-left:auto;margin-right:auto;display:block}#avatar{margin-right:0;width:100%;margin-top:20px}#about_me{margin-left:0;width:100%}#about_intro,.about_title{text-align:center}.about_desc{text-align:center;text-wrap:balance;width:100%}#about_socials{width:100%;justify-content:center}#about_skills{margin-right:0;width:100%}.skill_bar_container p{text-align:center}.skill_bar{width:90%;margin-left:auto;margin-right:auto}#thumbnail{width:100%}#lesson_text{padding-top:20px;padding-bottom:20px}#lesson{flex-wrap:wrap}#lesson_text h1{text-align:center}#lesson_text p{text-align:center;text-wrap:balance}#projects_intro,#projects_title{margin-left:0;text-align:center}#project_videos{width:100%;padding-left:20px;padding-right:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}#reviews_intro,#reviews_title{margin-left:0;text-align:center}.reviews_grid{width:100%;margin-left:0;margin-right:0;padding-left:20px;padding-right:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}