@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box}html{margin:0;padding:0}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}heart{display:inline-block;font-size:12px;transition:.5s;cursor:pointer;vertical-align:middle}heart:hover{font-size:30px;margin-inline:10px}heart:active{font-size:40px;transition:.3s}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-repeat:no-repeat;background-size:cover}.App-scale{display:flex;flex-direction:column;perspective:800px}@keyframes CardFrame{0%{border-radius:70px 15px;box-shadow:#0006 0 0}30%{border-radius:70px 15px;box-shadow:#0006 0 0}50%{border-radius:70px 15px;box-shadow:#0006 0 0 15px}75%{border-radius:70px 15px}}.Card{position:relative;width:400px;height:640px;-webkit-user-select:none;user-select:none;padding:40px;margin:auto;transition:ease .1s;transform:rotate(0);animation-timing-function:forwards;border-radius:15px 70px;background-color:#fff;box-shadow:#0006 0 0 15px;overflow:hidden}.App-header{margin:auto;width:fit-content;text-align:center}.App-about{margin:auto;width:fit-content;font-size:14px}.App-footer{display:flex;justify-content:center;align-items:center;padding-top:2px;margin:auto;text-align:center;width:100%;height:45px}.App-about-extra{display:none;flex-direction:column;justify-content:center;align-items:center;margin:-60px auto auto;width:300px;height:280px;min-width:300px;min-height:280px;font-size:12px;transform:rotate(90deg);z-index:-1;gap:10px}.App-portfolio{display:none;flex-direction:column;margin:0 auto auto;width:300px;height:520px;min-width:300px;min-height:520px;font-size:12px;z-index:-1;gap:10px;padding-left:15px;padding-right:15px}.portfolio{display:flex;flex-direction:column;margin-top:6px;gap:18px}.portfolio-element{position:relative;display:flex;flex-direction:row;box-shadow:#0000004d 0 0 5px;width:100%;height:68px;border-radius:5px 20px;overflow:hidden;transition:ease .2s}.portfolio-element:hover{transform:scale(1.07);box-shadow:#0006 0 0 10px}.portfolio-element-overlay{opacity:0;font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;transition:ease .2s}.portfolio-element-overlay:hover{opacity:1;cursor:pointer}.portfolio-element-content{display:flex;flex-direction:column;width:75%;height:68px;padding-top:6px;padding-left:10px;padding-right:6px;background-color:#00000008}.portfolio-element-title{font-family:Montserrat,sans-serif;font-size:13px;font-weight:500}.portfolio-element-info{font-family:Montserrat,sans-serif;font-size:10px;font-weight:300}.portfolio-img{object-fit:cover;transition:.2s ease}@keyframes ProfileFrame{0%{border-radius:70px 15px;box-shadow:#0006 0 0}30%{border-radius:70px 15px;box-shadow:#0006 0 0}50%{border-radius:70px 15px;box-shadow:#0006 0 0 15px}75%{border-radius:70px 15px}}.pp_logo{width:200px;border-radius:15px 70px;border-width:3px;box-shadow:#000 0 0 10px;transition:ease .2s;cursor:pointer}.pp_logo:hover{border-radius:15px 70px;box-shadow:#000 0 0 15px;scale:1.05}.pp_logo:active{border-radius:15px 70px;box-shadow:#000 0 0 20px;scale:1.1}.title-about{margin:0;font-size:28px;font-weight:400;text-align:center;transition:ease .1s;font-family:Montserrat,sans-serif}.text-about{margin:0;font-weight:400;font-size:13px;text-align:center;transition:ease .1s;font-family:Montserrat,sans-serif}#pp{position:relative;display:flex;justify-content:center;align-items:center}.threeD-info{position:absolute;margin:auto;font-weight:700;font-size:12px;text-align:center;transition:ease .2s;color:#fffc;font-family:Montserrat,sans-serif;pointer-events:none;opacity:0}.username{margin:10px;font-size:36px;font-weight:400;text-align:center;padding:5px;transition:ease .1s;font-family:Montserrat,sans-serif}.aka{color:#969696;font-size:14px;font-weight:700;font-family:Montserrat,sans-serif}.soundcloud{border-radius:15px;border:#797979 dotted 2px}.text-info{text-align:center;font-size:16px;font-family:Montserrat,sans-serif;font-size:14px}.socials{text-align:center;padding-top:6px}.ul-padding{padding-top:2px;font-family:Montserrat,sans-serif;font-size:13px}.padding-inline{position:relative;display:inline-block;padding-inline:20px;top:0;left:0;transition:ease .2s;transform:rotate(0);font-size:30px}.padding-inline:hover{top:-5px;left:2px;transform:rotate(10deg);max-width:280px;scale:1.4}.li-element{padding:3px;list-style:none}.p-footer{font-weight:700;font-size:12px;color:#5a5a5a}@keyframes NavButtonFrame{0%{opacity:0;pointer-events:none}30%{opacity:0;pointer-events:none}50%{opacity:1;pointer-events:all}75%{opacity:1}to{opacity:1}}.navbar{position:absolute;width:100%;top:0;left:0;z-index:-1;display:flex;justify-content:space-between;animation:NavButtonFrame 2s ease-in-out;margin-top:80px;margin-bottom:250px}.icon-nav-lr{position:absolute;left:12px;bottom:14px}.icon-nav-rl{position:absolute;left:12px;top:34px}.navbar-half1{display:flex;flex-direction:column;justify-content:space-between;border-radius:0 70px 70px 0;overflow:hidden;gap:3px}.navbar-half2{display:flex;flex-direction:column;border-radius:70px 0 0 70px;overflow:hidden;gap:3px}.nav-button{position:relative;display:flex;padding:18px;width:28px;height:160px;justify-content:center;text-align:center;text-decoration:none;background-color:#00000008;border:none;transition:ease .2s;cursor:pointer;font-family:Montserrat,sans-serif;font-size:16px;color:#0003;letter-spacing:4px}.nav-button:hover{background-color:#0000000d;color:#0009}.rotate-clockwise{display:inline-block;writing-mode:sideways-rl}.rotate-counterclockwise{display:inline-block;writing-mode:sideways-lr}@supports not (writing-mode: sideways-rl){.rotate-clockwise{display:inline-block;writing-mode:vertical-rl}}@supports not (writing-mode: sideways-lr){.rotate-counterclockwise{display:inline-block;writing-mode:vertical-lr}}.modal{display:none;justify-content:center;align-items:center;position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;-webkit-user-select:none;user-select:none;transition:ease .2s;font-family:Montserrat,sans-serif}.modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:#0006 0 0 15px;border-radius:15px 70px;text-align:center;overflow:hidden}.modal-box{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-color:#e4e4e4;padding:50px}@keyframes spotify{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shaky-ring{0%{transform:rotate(0) scale(1)}5%{transform:rotate(10deg) scale(1)}10%{transform:rotate(-10deg) scale(1)}15%{transform:rotate(10deg) scale(1)}20%{transform:rotate(0) scale(1)}50%{transform:rotate(0) scale(1)}60%{transform:rotate(0) scale(1)}70%{transform:rotate(0) scale(1)}80%{transform:rotate(0) scale(1)}90%{transform:rotate(0) scale(1)}to{transform:rotate(0) scale(1)}}#spotify-img{transform-origin:center}.spotify-container{transition:2s ease}.spotify{position:absolute;display:flex;justify-content:center;align-items:center;bottom:8px;right:12px;transition:ease .5s;opacity:0;pointer-events:none;animation:shaky-ring 2s infinite}.spotify-panel{position:absolute;bottom:5px;right:5px;width:220px;height:40px;transition:ease .2s;transform-origin:201px 20px;font-family:Montserrat,sans-serif;opacity:0}.spotify-artwork{border-radius:10px 5px;background-color:#00000008;margin-right:6px}.spotify-artwork-link{display:flex;justify-content:center;align-items:center;width:40px;height:40px}.spotify-panel-content{width:100%;height:100%;display:flex;padding-left:4px;flex-direction:row;align-items:center;border-radius:15px 25px 25px 10px}.spotify-info{display:flex;height:100%;width:140px;flex-direction:column;justify-content:center;gap:1px}.text-spotify{font-size:9px}.switch{position:relative;top:-15px;left:-15px;display:inline-block;width:30px;height:17px;transform-origin:8px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:default;inset:0;background-color:#ccc;-webkit-transition:.2s;transition:.2s}.slider:before{position:absolute;content:"";height:11px;width:11px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.2s;transition:.2s}input:checked+.slider{background-color:#2adbbe}input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translate(13px)}.slider.round{border-radius:17px}.slider.round:before{border-radius:50%}@media screen and (max-width:678px){.App.about-open{position:relative;padding:0;transition:.2s ease}.App-header.about-open{position:absolute!important;opacity:0!important}.App-about-extra.about-open{margin:auto!important}.App-footer.about-open{display:none!important}.Card.about-open{padding:20px 40px 20px 20px;width:440px;height:440px;min-width:440px;min-height:440px;display:flex;flex-direction:row}.navbar.about-open{margin-top:60px;margin-bottom:250px}.pp_logo.about-open{transition:none;position:absolute;pointer-events:none!important}.switch.about-open{top:5px;left:5px;display:inline-block;width:30px;height:17px;transform-origin:8px}.spotify-panel{transform:rotate(0)!important}}@media screen and (max-height:700px){.App-scale{transform:scale(.85) translate(0)!important;transition:scale .2 ease}}@media screen and (max-height:610px){.App-scale{transform:scale(.7) translateY(-0px)!important;transition:scale .2 ease}}@media screen and (max-width:360px){.App-scale{transform:scale(.7) translateY(-0px)!important;transition:scale .2 ease}}@media screen and (max-height:280px){.App-scale{transform:scale(.5) translateY(-0px)!important;transition:scale .2 ease}}@media screen and (max-width:280px){.App-scale{transform:scale(.5) translateY(-0px)!important;transition:scale .2 ease}}