@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media (min-width:769px){.main{margin-left:16rem}.background{display:block;margin-top:-120vh;opacity:20%;position:fixed;z-index:-1}}@media (max-width:768px){.main{margin-left:0}.background{display:none}}*{font-family:Ubuntu,sans-serif}.logo{margin-top:-2rem}.nav-menu{background-color:#e5e5e5;display:flex;flex-direction:column;font-size:medium;gap:2rem;height:100%;left:0;overflow-x:hidden;padding-top:2rem;position:fixed;text-align:center;top:0;width:16rem;z-index:1}.page{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#404040,#404040 50%,#7b7b7b 0);background-position:-100%;background-size:200% 100%;cursor:pointer;display:inline-block;padding:3px 0;position:relative;top:-1.6rem}.page,.page:before{transition:all .3s ease-in-out}.page:before{background:#646464;bottom:-3px;content:"";display:block;height:2px;left:0;position:absolute;width:0}.page:hover{background-position:0}.page:hover:before{width:100%}.credit{color:#646363;display:block;font-size:.8rem;font-weight:300;margin-top:2rem}.socials{display:flex;flex-direction:row;gap:1.3rem;justify-content:center;margin-top:1rem}.social{color:grey;font-size:medium}.social:hover{color:#000;font-size:1.2rem;transition:all .3s ease-in-out}.source{color:grey;display:block;font-size:small;font-weight:300;margin-top:-1.8rem}.source:hover{color:#000;font-size:.86rem;transition:all .2s ease-out}@media(max-width:768px){.navbar{display:none}}.contact-page{align-items:center;height:55vw;margin:0;padding:0;width:100}.head{-webkit-background-clip:text;background-clip:text;background-color:#000;color:transparent;font-size:3vw;font-weight:200;letter-spacing:.9vw;margin-bottom:1vw}.contact-card{background-color:hsla(0,0%,83%,.44);border-radius:1rem;bottom:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);margin:0 10vw;padding:2vw 0;position:relative;text-align:center;top:30%;transition:.2s}.contact-card:hover{background-color:hsla(0,0%,83%,.4);box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.links{display:flex;flex-direction:row;gap:6vw;justify-content:center}.connect{border-radius:50%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);height:6vw}.connect:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);scale:1.1;transition:.3s}@media screen and (max-width:768px){.contact-page{height:auto;padding:2rem}.head{font-size:2rem;letter-spacing:.5vw;margin-bottom:1rem}.contact-card{margin:2vw 8vw;padding:3vw 0;top:10%}.links{flex-direction:column;gap:2rem}.connect{height:4rem}}*{font-family:Roboto,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth}.pfp{border-radius:50%;margin-top:10vw;max-width:12%}.intro{height:55vw;text-align:center}.about{align-items:center;display:flex;flex-direction:column;gap:2rem;margin-top:2vw}.header{color:#616161;font-size:1.4vw;font-weight:300;margin-top:.6rem}.name{color:#060606;font-size:2.1vw;margin:-1rem 0}.body,.name{font-weight:400}.body{color:#616161;font-size:1.13vw;letter-spacing:1.3px;line-height:2vw;width:45%}.basic{border:0;color:#000;height:1rem;line-height:1em;opacity:.5;outline:0;position:relative;text-align:center;&:before{background:linear-gradient(90deg,transparent,#818078,transparent);content:"";height:1px;left:0;position:absolute;top:50%;width:100%}&:after{color:#000;color:#818078;content:attr(data-content);padding:0 .5em}}.body-mobile{display:none}@media screen and (max-width:768px){.pfp{max-width:22%}.header{scale:2}.intro{height:100vh;margin-bottom:4rem;margin-top:3rem}.name{font-size:24px}.body-mobile{display:block;font-size:14px;line-height:1.5rem;width:80%}.body{display:none}}.aboutMain{height:60vw;padding:1vw 0}.aboutContainer{color:#000;margin:8vw 5vw}.aboutHead{background-color:hsla(0,0%,69%,.4);font-size:3vw;font-style:normal;font-weight:300;letter-spacing:1vw;padding:1vw 0;text-align:center}.aboutBody,.aboutHead{border-radius:1rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.aboutBody{background-color:hsla(0,0%,79%,.5);cursor:pointer;font-size:1.1vw;letter-spacing:.11vw;line-height:2.2vw;padding:1vw;text-align:left}.aboutHead:hover{cursor:pointer}.aboutBody:hover,.aboutHead:hover{scale:1.01;transition:.3s}@media screen and (max-width:768px){.aboutMain{height:auto;padding:1rem 0}.aboutContainer,.aboutMain{margin:2rem 2vw}.aboutHead{font-size:2rem;letter-spacing:.5rem;padding:1rem 0}.aboutBody{font-size:1rem;letter-spacing:.1rem;line-height:1.5rem}}#music{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vw}.happy-word{color:#5454ff}.sad-word{color:#ff3e3e}.playlists{display:flex;flex-direction:row;gap:2vw;margin:7vw}.musicHeader{color:grey;font-size:2vw}.musicIframeContainer{display:flex;flex-direction:row;gap:1.02vw;margin-top:-2vw}.musicIframe{border-radius:25px;height:30vw;width:20vw}@media screen and (max-width:768px){#music{min-height:auto}.playlists{flex-direction:column;gap:1rem;margin:2rem}.musicHeader{font-size:1.5rem}.musicIframeContainer{flex-direction:column;gap:1rem;margin-top:-1rem}.musicIframe{height:40vw;width:80vw}}
/*# sourceMappingURL=main.a36f5247.css.map*/