.intro{background-color:#181818;padding:0;margin:0;font-size:20px;color:#fff;font-family:sans-serif;box-sizing:border-box;height:100vh;width:100%;overflow:hidden}.content{display:grid;grid-template-columns:1fr 1fr;gap:50px;height:100%;width:100%}.left{padding-top:40%;background:none;transition:background-image .5s ease;height:100%;width:100%}.left:hover{background-image:url(https://media1.tenor.com/m/60s1c6i6PpYAAAAd/wearelegend.gif);background-size:cover;background-position:center}.right{padding-top:40%;background:none;transition:background-image .5s ease;height:100%;width:100%}.right:hover{background-image:url(https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExZ3JpMmNnOTlqb2pwMHBja25nZWQyMjd1anI1enJqZG5jcXBmcjFreCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/atQF1zaSGq8s8/giphy.webp);background-size:cover;background-position:center}h1{text-align:center;color:#fff;font-family:Stencil Std,"fantasy"}.nez{background-color:#272727;display:flex;align-items:center;justify-content:space-between;position:sticky;font-size:20px;padding-top:15px;padding-left:8%;padding-right:8%}.nez h1{text-align:center;padding-right:36%}#hello,#certifications,#about,#skills,#projects{background-color:#181818;padding:0 0 50%;margin:0;font-family:sans-serif;box-sizing:border-box;height:100%;scroll-behavior:smooth}.nas{background-color:#272727;display:flex;align-items:center;justify-content:space-between;position:sticky;font-size:25px;font-family:Courier,"monospace";padding-top:15px;padding-left:6%;padding-right:8%}.nas ul li{list-style-type:none;display:inline-block;padding:10px 25px;color:#fff;text-decoration:none;font-weight:700;text-transform:capitalize;transform:all .5s ease}.nas li:hover{color:#000;transition:.4s}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-color:#525252;border-radius:10px;border:1px solid #ffffff}::-webkit-scrollbar-thumb:hover{background:#555}html,body{background-color:#181818;padding:0;margin:0;font-family:sans-serif;box-sizing:border-box;height:100vh;width:100%;scroll-behavior:smooth}.header{padding-bottom:15px}.container{background-color:#272727;color:#fff;font-size:20px;align-items:center;justify-content:space-between;padding-left:1%;padding-right:1%}.container video{display:block;margin:0 auto;position:sticky;width:400px;height:400px;max-width:100%}.container .description video{width:600px;height:300px}.home{border-bottom:1px solid white}img{align-items:center;justify-content:space-between;position:sticky;border:2.5px solid black;max-width:100%;width:400px;height:300px;margin-left:auto;margin-right:auto}.container img:hover{transform:scale(1.03)}.container .popup-img{position:fixed;top:0;left:0;background:(0,0,0,.9);height:100%;width:100%;z-index:100;display:none}.container .popup-img span{position:absolute;top:0;right:10px;font-size:60px;font-weight:bolder;color:#fff;cursor:pointer;z-index:100}.row{max-width:100%;margin-left:auto;margin-right:auto}.container .popup-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:5px solid #fff;border-radius:5px;width:70%;height:90%}@media screen and (max-width: 100px){.container .popup-img img{width:95%}}nav{background-color:#272727;display:flex;align-items:center;justify-content:space-between;position:sticky;font-size:25px;font-family:Courier,"monospace";padding-top:15px;padding-left:8%;padding-right:5%}nav ul li{list-style-type:none;display:inline-block;padding:10px 25px;color:#fff;text-decoration:none;font-weight:700;text-transform:capitalize;transform:all .5s ease}nav ul li:hover{color:#000;transition:.4s}footer{color:#fff;text-align:center;font-size:20px}.Logo{color:#fff;font-size:25px;letter-spacing:1px;cursor:pointer}span{color:#40d7bc;font-size:20px}h3{color:#0b90ce;font-family:Courier,"monospace";text-align:center;font-style:oblique}#contacts{display:flex;align-items:center;justify-content:space-between;padding-right:3%;position:sticky;padding-top:15px}.grid{display:grid;column-gap:2vw;row-gap:1.5vw;font-size:calc((1.6vh + 1.6vw) / 1.8);cursor:pointer}.stars{display:flex;margin:-1%}@keyframes change-color{0%{color:#fff}to{color:orange}}.stars:hover .blue-star{color:orange}.starPositionLeft{flex:1}.blue-star{color:#40d7bc}.gray-star{color:gray}.sidebar_container{position:fixed;top:0;left:-250px;width:250px;height:100vh;background-color:#3330;color:#fff;padding:20px;transition:left .3s ease;z-index:1000}.sidebar_container.visible{left:0}.sidebar_items{margin-bottom:25px;text-align:left;color:#fff;font-size:calc((1.6vh + 1.6vw)/2);position:relative;cursor:pointer}.sidebar_items:hover{color:#0056d6;transition:.4s}@media screen and (max-width: 960px){.sidebar_container.visible{display:none}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){:nth-of-type(1) .logo{animation:logo-spin infinite 20s linear}}