body{font-family:Arial;margin-bottom:100px;background-image:url(../images/bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;overflow-x:hidden}.headshot{height:140px;border-radius:100px;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:s-resize;margin:100px auto 0;transition:transform .3s}.headshot:hover{transform:scale(1.15)}.logo{height:175px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:-45px auto -54px}.paragraph1{font-weight:lighter;text-align:center;margin-bottom:50px;color:#fff;font-size:15px;letter-spacing:.3px;line-height:20px}.paragraph2{font-weight:lighter;text-align:center;margin-bottom:-30px;margin-top:50px;color:#fff;font-size:15px;letter-spacing:.3px;line-height:20px}.paragraph3{font-weight:lighter;text-align:center;margin-bottom:0;margin-top:50px;color:#fff;font-size:16px;letter-spacing:.8px;line-height:20px;text-transform:uppercase}.video1{display:flex;justify-content:center;align-items:center;margin:0 auto;border:1px;border-style:solid;border-color:#00c2fd;border-radius:4px;box-shadow:1px 1px 15px #000;width:560px;height:315px}@media (max-width: 700px){.video1{width:360px;height:220px;display:flex;justify-content:center;align-items:center;flex-direction:column}}.email-link{font-weight:700;color:#fff;cursor:pointer}.spotify{margin-top:0;margin-bottom:-30px;width:100%;height:154px;border:none}.mixcloud{margin-top:0;margin-bottom:-50px;width:100%;height:160px;border:none}.footer-button{height:40px;width:40px;display:inline-block;text-align:center;margin-left:5px;margin-right:5px;cursor:pointer;transition:.2s}.footer-button:hover{transform:scale(1.15)}.insta-button,.facebook-button,.soundcloud-button,.youtube-button{height:45px}.spotify-button{margin-top:5px;height:35px}.logo-container{position:relative}.top-left-logo{height:50px;position:absolute;top:13px;left:15px;position:fixed;cursor:pointer;transition:transform .2s;z-index:2}.top-left-logo:hover{transform:scale(1.07)}li{display:table-cell;position:relative;height:50px;width:80px;letter-spacing:.8px;margin-right:10px;margin-left:10px;background-color:transparent;cursor:pointer;text-transform:uppercase;font-size:15px;transition:all .2s ease-in-out;text-align:center;float:left;padding:11px 0}ul{margin:0 auto;padding:0;list-style:none;display:table;text-align:center}.buttons{color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.15em;display:inline-block;padding:10px;position:relative;margin-top:10px;transition:all .3s linear}.contact{margin-left:2px}.mobile-buttons{color:#fff;text-transform:uppercase;text-decoration:none;letter-spacing:.15em;display:inline-block;padding:10px;position:relative;margin-top:10px}.buttons:after{background:none repeat scroll 0 0 transparent;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:#fff;transition:width .3s ease 0s,left .3s ease 0s;width:0}.buttons:hover:after{width:100%;left:0}.header{height:78px;background:linear-gradient(rgb(0,0,0,.6),transparent);backdrop-filter:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;display:flex;flex-direction:row;justify-content:center;position:fixed;left:-1px;right:-1px;top:0;z-index:1}.sidebar{position:fixed;top:0;right:0;height:100vh;width:250px;z-index:999;background-color:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-10px 0 10px #0000001a;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;opacity:1;transition:.5s}.sidebar li{width:100%}.hamburger-menu-container{position:relative}.hamburger-menu{height:33px;position:absolute;top:22px;right:25px;position:fixed;cursor:pointer;z-index:2;opacity:1}.hamburger-menu:hover{transform:scale(1.07)}.show-sidebar{display:none}@media (max-width: 700px){.hideOnMobile{display:none}.show-sidebar{display:block}}.footer{display:flex;justify-content:center;align-items:center;margin:0 auto 40px}.open{display:flex;right:0}.closed{display:flex;right:-250px}@media (max-width: 400px){.sidebar{width:100%}.closed{display:block;right:-500px}}.gallery{--g: 6px;display:grid;margin:-40px auto -30px;width:500px;aspect-ratio:1;grid:auto-flow 1fr/repeat(3,1fr);gap:var(--g)}@media (max-width: 400px){.gallery{width:380px}}.gallery img{width:100%;height:100%;object-fit:cover;filter:grayscale();cursor:pointer;transition:.45s}.gallery img:hover{filter:grayscale(0)}.gallery img:nth-child(2){grid-area:1/2/span 2/span 2;clip-path:polygon(0 0,100% 0,100% 100%,calc(50% + var(--g)/4) 100%,0 calc(50% - var(--g)/4))}.gallery img:nth-child(3){grid-area:2/1/span 2/span 2;clip-path:polygon(0 0,calc(50% - var(--g)/4) 0,100% calc(50% + var(--g)/4),100% 100%,0 100%)}body{margin:0;min-height:100vh;display:grid;place-content:center}.spacing{margin-bottom:80px}.about-container{display:flex;flex-direction:row;align-items:center;justify-content:center;column-gap:30px;margin-bottom:50px;margin-top:25px}.text-container{font-weight:lighter;color:#fff;font-size:18px;letter-spacing:.3px;line-height:20px;text-align:right;width:400px;min-width:300px;max-width:420px}.text-container2{font-weight:lighter;color:#fff;font-size:18px;letter-spacing:.3px;line-height:20px;text-align:left;width:400px;min-width:300px;max-width:420px}.image{height:350px;width:400px;float:right;object-fit:cover;border-radius:10px;transition:.2s}.image:hover{transform:scale(1.03)}.image2{display:flex;height:350px;width:400px;float:left;object-fit:cover;border-radius:10px;transition:.2s}.image2:hover{transform:scale(1.03)}.image-phone{display:none;height:350px;width:400px;object-fit:cover;border-radius:10px;transition:.2s}@media (max-width: 860px) and (min-width: 721px){.image,.image2{height:450px;width:350px;float:none}.text-container,.text-container2{font-size:18px;max-width:90px}.about-container{margin-bottom:20px}}@media (max-width: 720px) and (min-width: 601px){.image,.image2{height:550px;width:300px;float:none}.text-container,.text-container2{max-width:80px}p{font-size:15px}.about-container{margin-bottom:20px}}@media (max-width: 600px){.image{height:250px;width:300px;float:none}.image2{display:none}.text-container,.text-container2{font-size:18px;width:100px;text-align:center}.about-container{margin-bottom:20px;display:flex;justify-content:center;align-items:center;flex-direction:column}.image-phone{height:250px;width:300px;float:none;display:flex}}.music-grid{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;column-gap:16px;row-gap:40px;margin-top:30px}.spotify-playlist{width:800px;height:750px;margin-bottom:10px}@media (max-width: 800px) and (min-width: 701px){.spotify-playlist{width:700px}}@media (max-width: 700px) and (min-width: 601px){.spotify-playlist{width:600px}}@media (max-width: 600px) and (min-width: 501px){.spotify-playlist{width:500px}}@media (max-width: 500px) and (min-width: 401px){.spotify-playlist{width:400px}}@media (max-width: 400px) and (min-width: 301px){.spotify-playlist{width:300px}}.mixcloud-container{display:flex;flex-direction:column;margin-top:95px;margin-bottom:-90px}.mixcloud-mix{height:150px;width:1000px;margin-top:-70px}.mixcloud-picture{height:200px;width:1000px;margin-bottom:70px;margin-top:-70px}@media (min-width: 611px) and (max-width: 1080px){.mixcloud-mix{height:150px;width:570px;margin-top:-70px}.mixcloud-picture{height:200px;width:570px;margin-bottom:70px;margin-top:-70px}}@media (max-width: 610px){.mixcloud-mix{height:150px;width:360px;margin-top:-70px}.mixcloud-picture{height:200px;width:360px;margin-bottom:70px;margin-top:-70px}}.videos-container{margin:25px auto 0}.videos{border:1px;border-style:solid;border-radius:4px;box-shadow:1px 1px 10px #000;width:560px;height:315px;margin-bottom:50px;margin-right:20px;margin-left:20px}.video-border{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media (max-width: 700px) and (min-width: 521px){.videos{width:460px;height:260px}}@media (max-width: 520px){.videos{width:360px;height:205px}}*{margin:0;padding:0;color:#fff}.section-contact{padding-top:10px}.container{display:flex;flex-direction:column;max-width:100%;margin:0 auto;padding-left:64px;padding-right:64px}.contact-header{font-weight:200;text-align:center;letter-spacing:1px;margin-bottom:35px;font-size:30px}p{font-size:18px;line-height:1.5;margin-bottom:32px}form{display:flex;flex-direction:column;flex-wrap:nowrap;grid-gap:16px;padding:20px;background-color:#3d3d3d;border-radius:16px;box-shadow:0 6px 12px #0003;width:100%}.form-group label{display:flex;margin-bottom:5px;font-size:14px}.form-element{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;margin-right:40px;display:block;width:93%;border-radius:8px;padding:12px 16px;background-color:#1a1a1a;transition:.2s}.form-element:focus{box-shadow:0 0 6px #0000004d;background-color:#00000060}.form-group textarea{resize:none;min-height:100px}.contact-image{width:100%;height:300px;object-fit:cover;object-position:45% 0%;margin-bottom:15px}.submit-group{text-align:left}.submit-group input{padding:10px 14px;background-color:#1a1a1a;border-radius:9px;color:#fff;border-color:#35353566;cursor:pointer;transition:.4s}.submit-group input:hover{color:#9b9b9b;cursor:pointer}textarea{font-family:Arial serif;font-size:14px;cursor:pointer}.spacing-contact{margin-bottom:90px}h2{margin-bottom:20px;margin-top:10px}@media (min-width: 768px){.container{padding-left:64px;padding-right:64px}}@media (min-width: 1024px){.container{padding-left:128px;padding-right:128px}}@media (min-width: 1324px){.container{padding-left:188px;padding-right:188px}}@media (min-width: 1524px){.container{padding-left:248px;padding-right:248px}}@media (min-width: 1824px){.container{padding-left:318px;padding-right:318px}}