*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;position:relative}.new-project{display:flex;justify-content:center;align-items:center}.menu-icon{display:none}.oswald{font-family:Oswald,serif;font-optical-sizing:auto;font-style:normal}.josefin-sans{font-family:Josefin Sans,serif;font-optical-sizing:auto;font-style:normal}.navBar{display:flex;justify-content:space-around;align-items:center;height:60px;padding:0 1rem;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;box-shadow:0 4px 50px #0009}.navLinks{display:flex;align-items:center;gap:70px;font-size:23px}.navImageContainer{display:flex;align-items:center}#youtube-container h1{margin:80px;font-size:70px}#youtube-container p{font-size:30px}#youtube-container div:first-child{margin:80px}.latest-project{font-size:50px}.navImage{background-image:url(/images/Logo8%20NO%20BEVEL.png);height:60px;width:200px;background-color:#fff;background-size:contain;background-repeat:no-repeat;background-position:center}.musicVerseSpotify{display:flex;gap:50px}.knowmeBetter{border:1px solid black;padding:20px;font-weight:600;font-size:20px;cursor:pointer;margin-top:100px}.knowmeBetter:hover{background-color:#000;color:#fff;border-color:red;transform:scale(1.1);transition:all .3s ease}.welcomeContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:100px;font-size:50px;background-image:url(/images/Protonotarios%20Header.png);background-size:contain;background-repeat:no-repeat;background-position:calc(100% - 725px) calc(100% + 60px),center;background-color:#000;background-attachment:fixed;height:100vh}.welcomeLeftContainer{height:100px;width:400px}.welcomeRightContainer{display:flex;flex-direction:column;align-items:center;gap:60px}.headerLinks{display:flex;gap:40px;font-size:30px}.headerLinks a:hover{transform:scale(1.3)}.headerLinks a{color:#fff}.headerLinks a:active{transform:scale(.97)}.videoSection{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.backgroundVideo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill}.bassNikosSection{height:100vh;background-image:url(/images/BassNikos.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.bassNikosOverlayText{display:flex;flex-direction:column;gap:70px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.beforeMusicReel{font-size:30px}.musicReel{border:2px solid white;padding:20px;border-radius:40px;font-size:16px;cursor:pointer}.musicReel:hover{transform:scale(1.05);background-color:#ffffff1a;box-shadow:0 0 10px #fff;border-color:#441f1f}.musicReel:active{transform:scale(.97);box-shadow:0 0 4px red;background-color:#ffffff0d}.welcomeImage{margin-top:60px;height:100px;width:500px}.welcomeContainer p:first-child{font-size:30px;opacity:0;transform:translateY(20px);animation:fadeIn .7s ease-in forwards}.welcomeContainer p:nth-child(2){opacity:0;animation:fadeIn .7s ease-in forwards;animation-delay:.6s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.studioPhoto1{background-image:url(/images/Studio\ 1optimized.jpg);height:400px;width:600px;background-repeat:none;background-position:center;background-size:cover}.studioPhoto2{background-image:url(/images/Studio\ 4optimized.jpg);height:400px;width:600px;background-repeat:none;background-position:center;background-size:cover}.studioPhoto3{background-image:url(/images/Studio\ 3optimized.jpg);height:400px;width:600px;background-repeat:none;background-position:center;background-size:cover}.gearText{display:flex;font-size:25px;flex-direction:column;justify-content:center;align-items:center;font-family:Oswald,serif;height:400px;width:600px;gap:50px}.gear-section h2{margin:70px}.gear-category{display:flex;flex-direction:row}.gear-section{display:flex;flex-direction:column;align-items:center;font-size:50px}.spotifyContainer{background-image:url(/images/D2BFE6MBNJO6HMTMZX5FDTTJOMoptimized.avif);background-attachment:fixed;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat}.spotifySongs{display:flex;justify-content:center;gap:10px;padding-top:30px;padding-bottom:30px}.spotifySongs iframe{width:32%}.bioContainer{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.bioContainer h1{margin:50px}.bioText{width:600px;margin:50px}.bioText h1:first-child{font-size:40px}.rogerText{font-size:20px}.aboutmeProtonotarios{height:300px;width:700px}.bioPhoto{background-image:url(/images/ProtonotariosCircle.png);height:400px;width:800px;background-repeat:no-repeat;background-position:center;background-size:contain;margin-bottom:60px}.musicVerseContainer{display:flex;justify-content:space-evenly;align-items:center;background-image:url(/images/Valley\ 5optimized.png);height:800px;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}.musicVerseImage{background-image:url("/images/VoD Records (transparent)optimized.png");height:400px;width:400px;background-size:cover;background-repeat:no-repeat;background-position:center;margin:30px auto}.emailContainer{font-family:oswald;font-size:23px;background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;padding:2rem;background-color:#000;color:#fff}.contactForm{max-width:600px;margin:0 auto}.contactForm h2{font-size:24px;margin-bottom:1rem}.contactForm label{display:block;margin-bottom:.5rem}.contactForm input,.contactForm textarea{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.contactForm button{padding:.75rem 1.5rem;background-color:#001a8d;background-color:transparent;color:#fff;border:1px solid white;cursor:pointer;transition:transform .3s ease,background-color .2s ease}.contactForm button:active{transform:scale(1.2);background-color:#3e8e41}.footerLinks{display:flex;gap:90px}.footerLinks a{color:#000;transition:color .3s ease,transform .3s ease}.footerLinks a:hover{color:#4267b2;transform:scale(1.3)}.footerContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:60px}.homePointer,.studioPointer,.featuredPointer,.valleyPointer,.aboutPointer,.contactPointer{cursor:pointer;position:relative;display:inline-block;padding-bottom:5px;transition:color .3s ease,transform .3s ease;transform-origin:center}.homePointer:hover,.studioPointer:hover,.featuredPointer:hover,.valleyPointer:hover,.aboutPointer:hover,.contactPointer:hover{color:#230074;transform:scale(1.1)}.homePointer:after,.studioPointer:after,.featuredPointer:after,.valleyPointer:after,.aboutPointer:after,.contactPointer:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#2a006d;transition:width .3s ease}.homePointer:hover:after,.studioPointer:hover:after,.featuredPointer:hover:after,.valleyPointer:hover:after,.aboutPointer:hover:after,.contactPointer:hover:after{width:100%}@media (max-width: 2700px){.welcomeContainer{background-position:calc(100% - 1600px) calc(100% + 60px),center}}@media (max-width: 2500px){.welcomeContainer{background-position:calc(100% - 1500px) calc(100% + 60px),center}}@media (max-width: 2000px){.welcomeContainer{background-position:calc(100% - 1180px) calc(100% + 60px),center}}@media (max-width: 1660px){.welcomeContainer{background-position:calc(100% - 900px) calc(100% + 60px),center}}@media (max-width: 1430px){.navBar{gap:50px}.welcomeContainer{width:100%;max-width:1424px;background-position:calc(100% - 800px) calc(100% + 60px),center}.musicVerseContainer,.gear-section,.spotifyContainer,.bioContainer,#youtube-container,.emailContainer{width:100%;max-width:1424px}.navLinks{font-size:20px;padding-right:20px;gap:40px}.navImage{width:150px}}@media (max-width: 1250px){.welcomeContainer{background-position:calc(100% - 600px) calc(100% + 60px),center}}@media (max-width: 998px){.navLinks{font-size:15px;gap:25px}.welcomeContainer{background-position:calc(100% - 500px) calc(100% + 60px),center}.bassNikosSection{height:80vh}.gearText{font-size:17px;width:100%;max-width:600px}.gear-category{width:100%;max-width:650px}.gear-section{font-size:44px}.bioText{margin:20px}.gear-section h2{margin:35px}.studioPhoto1,.studioPhoto2,.studioPhoto3{width:100%;max-width:600px}}@media (max-width: 730px){.bassNikosOverlayText h1{font-size:65px!important}.bassNikosOverlayText h2{font-size:30px!important}.bassNikosSection{height:60vh}.latest-project{margin:10px 0;font-size:30px}}@media (max-width: 693px){.welcomeContainer p:nth-of-type(2){font-size:20px}.welcomeLeftContainer{display:none}.beforeMusicReel{font-size:20px}.bassNikosSection{height:50vh}}@media (max-width: 666px){.navLinks{display:none}.bassNikosSection{height:30vh}.bassNikosOverlayText{gap:30px}.welcomeContainer{width:100%;max-width:666px}.gear-section{gap:0px;width:100%;max-width:666px}.noPoints{list-style-type:none}.gear-category{display:flex;flex-direction:column;align-items:center;width:100%;max-width:666px}.gearText{font-size:25px;text-align:center;gap:30px;height:350px;width:100%;max-width:500px}.studioPhoto1,.studioPhoto2,.studioPhoto3{width:100%;max-width:500px}.gear-category:nth-child(2){display:flex;flex-direction:column}.gear-category:nth-child(2) .gearText{order:2}.gear-category:nth-child(2) .studioPhoto3{order:1}.gear-category:nth-child(3){display:flex;flex-direction:column}.gear-category:nth-child(3) .gearText{order:2}.gear-category:nth-child(3) .studioPhoto2{order:1}.bioPhoto{width:100%;max-width:600px}.youtubeVideos{display:flex;flex-direction:column}.youtubeVideos iframe{width:100%}.spotifySongs{flex-direction:column;padding-top:0;padding-bottom:0;gap:0}.spotifySongs iframe{width:90%;margin:20px}.spotifyContainer,.bioContainer,#youtube-container,.emailContainer{width:100%;max-width:666px}}@media (max-width: 576px){.bioContainer{flex-direction:column;align-items:center}.knowmeBetter{font-size:15px}.bassNikosOverlayText{gap:30px}#youtube-container{flex-direction:column}#youtube-container div{margin:0}#youtube-container h1{margin:0;font-size:33px}#youtube-container div:first-child{margin:30px}#youtube-container p{font-size:20px;margin-top:15px}.bioPhoto{width:100%;height:580px;background-position:50% 17%}.bioText{width:100%;padding:30px;text-align:center;margin:0 auto}.welcomeContainer p:nth-of-type(2){font-size:15px}.navLinks{display:none}.gear-section h2{font-size:40px;margin:38px}.navBar{justify-content:space-evenly}.musicVerseSpotify{flex-direction:column}}@media (max-width: 488px){.footerContainer p:first-child{font-size:10px;text-align:center;width:100%}.knowmeBetter{font-size:15px}.footerContainer p:last-child{text-align:center;width:100%}.footerLinks{display:flex;justify-content:center;gap:30px;width:100%}.footerLinks a{text-align:center}}@media (max-width: 413px){.welcomeContainer p:nth-of-type(2){font-size:15px;width:80%}.knowmeBetter{font-size:15px}.welcomeContainer p:first-of-type{font-size:15px}.welcomeImage{width:100%;height:100px;background-position:center}.gear-section h2{font-size:30px;margin:20px}.gearText{font-size:18px}.spotifyContainer{display:block}}@media (max-width: 376px){.bassNikosOverlayText h1{font-size:40px!important}.knowmeBetter{font-size:10px}.bassNikosOverlayText h2{font-size:19px!important}}@media (max-width: 310px){.gear-section h2{margin:10px;font-size:25px}.knowmeBetter{font-size:10px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0}.fade-in-up{transform:translateY(30px)}.fade-in-left{transform:translate(-30px)}.fade-in-right{transform:translate(30px)}.scale-in{transform:scale(.9)}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.animate{animation-duration:.8s;animation-fill-mode:forwards;animation-timing-function:ease-out}.animate.fade-in-up{animation-name:fadeInUp}.animate.fade-in-left{animation-name:fadeInLeft}.animate.fade-in-right{animation-name:fadeInRight}.animate.scale-in{animation-name:scaleIn}.studioPhoto1,.studioPhoto2,.studioPhoto3{transition:transform .3s ease,box-shadow .3s ease}.studioPhoto1:hover,.studioPhoto2:hover,.studioPhoto3:hover{transform:scale(1.02);box-shadow:0 10px 20px #0003}.navLinks p{position:relative;transition:color .3s ease}.navLinks p:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:#230074;transition:width .3s ease}.navLinks p:hover:after{width:100%}.contactForm input,.contactForm textarea{transition:border-color .3s ease,box-shadow .3s ease}.contactForm input:focus,.contactForm textarea:focus{border-color:#230074;box-shadow:0 0 5px #2300744d}.contactForm button{transition:transform .3s ease,background-color .3s ease}.contactForm button:hover{transform:translateY(-2px);background-color:#fff;color:#000}.bioPage{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding-top:80px;padding-bottom:20px;box-sizing:border-box;text-align:center}.link{color:#222;text-decoration:none;font-weight:600;font-family:Josefin Sans;font-size:20px;padding:8px 18px;border-radius:6px;transition:background .2s,color .2s}.link:hover{background:#222;color:#fff;text-decoration:none}.image,.image2{margin-top:20px;max-width:400px;width:90vw;height:auto;transition:transform .3s,box-shadow .3s}.image:hover{transform:scale(1.05);box-shadow:0 8px 32px #00000040}.bioText,.bioText2{max-width:800px;width:90vw;margin:0 auto;font-size:1.1rem;line-height:1.6;text-align:left}@media (max-width: 900px){.bioText,.bioText2{font-size:1rem;max-width:95vw;text-align:left}.image,.image2{max-width:90vw}}@media (max-width: 600px){.bioPage{padding-top:60px;gap:12px}.bioText,.bioText2{font-size:.98rem;padding:0 8px;text-align:left}h1{font-size:2rem}h3,h5{font-size:1.1rem}.image,.image2{max-width:98vw;margin-top:10px}}.footerContainer{width:100%;padding:20px 0 10px;color:#000;text-align:center;box-sizing:border-box;border:1px solid #a8a8a8}.footerLinks{margin:10px 0;display:flex;justify-content:center;gap:20px}.footerLinks a{color:#000;font-size:1.5rem;transition:color .2s}.footerLinks a:hover{color:#8569ff}