@import"https://fonts.googleapis.com/css2?family=Fascinate&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";:root{font-family:Zain,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--white: rgba(255, 255, 255, .87);--black: #242424;--yellow: #edae49ff;--red: #d1495bff;--green: #00798cff;--blue: #30638eff;--darkblue: #003d5bff;--radius: 25px;--mobile-width: 768px;background-color:var(--white);color:var(--black)}.fascinate-regular{font-family:Fascinate,system-ui;font-weight:400;font-style:normal}body,body>div{margin:0;padding:0;box-sizing:border-box;min-height:100vh;width:100%;display:flex;flex-direction:column}:is(body,body>div) main{flex:1}header{background-color:#fff;border-bottom:5px solid var(--black)}header h1{font-family:Fascinate,system-ui;font-size:10rem;margin:0;line-height:1;text-align:center}header nav{border-top:5px solid var(--black)}header nav ul{display:flex;justify-content:center;list-style:none;padding:0;margin:0;gap:1rem;font-size:1.5rem;font-weight:700;color:var(--black);text-decoration:none}header nav ul a{display:inline-block;padding:.5rem 1rem;color:inherit;text-decoration:none}header nav ul a:hover{color:var(--red)}main{background-color:var(--yellow);padding:1rem;display:flex;justify-content:center;align-items:center}main #intro{padding:1rem 2rem;max-width:20rem;border:3px solid var(--black);border-radius:var(--radius);background-color:var(--red);color:var(--white)}main #intro img{border-radius:50%;border:3px solid var(--black);max-width:60%;aspect-ratio:1 / 1}main #intro h2{font-family:Zain,sans-serif;font-weight:700;font-size:2.5rem;margin-bottom:1rem;margin-top:0}main #intro p{font-size:1.25rem;margin-bottom:0}main #guitar-head-container{max-width:20rem;display:grid;grid-template-columns:5rem 5rem 5rem}main #guitar-head-container #guitar-body{grid-column:span 3;height:10rem}main #guitar-head-container button{background-color:var(--black);border:5px solid var(--yellow);color:var(--white);width:2rem;height:2rem;border:none;border-radius:40%;cursor:pointer;margin:0 1.5rem}main #guitar-head-container button:hover{border:5px solid var(--red)}main #guitar-head-container button:active{border:5px solid var(--red)}@media (max-width: 830px){header h1{font-size:4rem}header nav ul li a{font-size:1rem}main{flex-direction:column;align-items:center;gap:.5rem}main #intro{display:flex;flex-direction:column;align-items:center;gap:0}main #intro h2{margin:1rem 0 0;font-size:2rem}main #guitar-head-container{transform:rotate(90deg)}}footer{background-color:var(--darkblue);color:var(--white);padding:1rem;text-align:center;font-family:Zain,sans-serif}footer a{margin:0;font-size:.875rem;color:var(--white);text-decoration:none}footer a:hover{color:var(--yellow)}