@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;0,900;1,200;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@400;700;900&display=swap);*{box-sizing:border-box;margin:0}body{font-family:"Roboto",sans-serif;color:#fff}.mobile-container{position:relative;height:100vh;min-height:50vh;display:grid;grid-template-rows:auto 108px 98px}.mobilePage{width:100%;overflow-y:scroll;overflow-x:hidden;min-height:100vh}.mob-player-background{background:#c9a894;display:grid;grid-template-columns:1fr 2fr 1fr;padding:.5em 1em;-webkit-align-items:center;align-items:center;grid-column-gap:2.2em;color:#271d19}.mob-songImg-wrapper{justify-self:center}.mob-songImg{width:88px;height:88px;object-fit:cover}.play-button-div{justify-self:center;position:absolute;right:15px;top:18px;color:#4b3931}.mob-seek-slider{position:absolute;top:0;width:120%}.mob-nav-icon{font-size:44px}.mob-sleep-icon{font-size:47px}.mob-player-nav-container{width:100%;position:absolute;bottom:0}.mob-nav-container{background:#4b3931;width:100%}.mob-nav ul{display:-webkit-flex;display:flex;padding:0;list-style:none;-webkit-justify-content:space-around;justify-content:space-around}.mob-nav-link-container{text-align:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:1em 2em}.mob-nav-link-container.mob-active-page{color:#ffb588}.mob-nav-link-container:focus,.mob-nav-link-container:hover{background:rgba(127,97,83,.7)}.mob-play-btn{font-size:55px}.play-button-div{top:28px;right:22px}@media screen and (max-width:380px){.mob-nav-icon{font-size:22px}.mob-songImg{width:55px;height:55px}.mob-play-btn{font-size:44px}.mob-song-name{font-size:22px;letter-spacing:1px;max-width:111px}.mob-song-artist{font-size:15px;max-width:111px}}.learn-about-btn{color:#000;font-weight:700;font-size:22px}.mob-home-bg{background:url(/music-player/static/media/mob-homepage-background.a20c5972.png);min-height:100%;background-size:cover;padding:1em 1em 11.11em}.learn-about-container{width:100%;padding:2em 1em;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.learn-about-btn{display:inline-block;font-family:inherit;background:#95f702;border:none;padding:1em 2em;border-radius:12px;letter-spacing:1px;cursor:pointer}.learn-about-btn:focus,.learn-about-btn:hover{background:#95f702;-webkit-transform:scale(1.1);transform:scale(1.1)}.display-song-wrapper{margin-bottom:22px}.mob-song-container{overflow-x:scroll;display:-webkit-flex;display:flex;margin-top:11px}.mob-song-img{width:150px;height:150px;object-fit:cover;box-shadow:0 5px 8px #fdf5ee}.mob-song-card{padding:1em 1em 1.5em;background:#251d17;margin-right:33px;text-align:center;border-radius:11px}.mobcard-info-container{height:100%}.mobcard-song-info{height:88px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;color:#fff;padding:1.5em .5em .5em;border-radius:5px}.mobcard-song-name{font-size:18px;letter-spacing:1px;margin-bottom:11px;font-weight:bolder;color:#adff2f}.mob-fs-bg{background:url(/music-player/static/media/mob-homepage-background.a20c5972.png);min-height:100vh;background-size:cover;padding:1em;overflow-x:hidden;position:fixed;width:100%;left:0;z-index:100;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;top:0;display:block}.mob-song-img-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:3.33em 0 2.2em}.mobile-fs-exit-icon-container{background:rgba(255,254,254,.333);padding:.1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:fixed;right:18px}.mobile-fs-exit-icon{color:#fff;font-size:33px}.mob-fs-songImg{display:inline-block;width:333px;height:333px;box-shadow:0 5px 15px #fdf5ee;object-fit:cover}.mob-media-controls{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center}.mob-about-bg{background:#03254a;min-height:100%;padding:1.5em}.mob-about-container{margin-bottom:55px}.about-underline{background:#fff;width:100%;height:1px}.about-links-container,.about-underline{margin-bottom:15px}.about-link{letter-spacing:1px}.about-link.lightblue{color:#63ebff}.about-link.green{color:#00ff85}.about-link.red{color:#ffb800}.page-layout{display:grid;grid-template-columns:222px auto;grid-template-rows:auto 93px;grid-template-areas:"SideBar App" "Player  Player";height:100vh;min-height:444px;margin-top:-1.2em}.sidebar{grid-area:SideBar}.playbar{grid-area:Player;z-index:100}.page{grid-area:App;min-width:777px;overflow-y:scroll}.page::-webkit-scrollbar{width:15px}.page::-webkit-scrollbar-thumb{background:rgba(134,154,175,.666);border-radius:33px;box-shadow:inset 0 0 2px 1px hsla(0,0%,100%,.777)}.page::-webkit-scrollbar-thumb:hover{background:#869aaf;box-shadow:inset 0 0 2px 1px #fff}.logo-title{letter-spacing:.666px;font-size:22px;font-family:"Heebo",sans-serif;font-weight:700}.logo-colour-change{color:#e0ab8a}.sidebar-navigation li{list-style-type:none}.navigation-links{font-style:normal;font-weight:700;font-size:16px;letter-spacing:.05em;color:#fff;text-decoration:none}.resonate-logo{padding:.33em .66em;border-radius:16px;background:#251d17;margin-top:2.2em}.sidebar{-webkit-align-items:center;align-items:center;background:url(/music-player/static/media/navBackground.4a259e2b.png);position:relative}.sidebar,.sidebar-navigation{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.sidebar-navigation{-webkit-justify-content:space-between;justify-content:space-between;width:11.625rem;position:absolute;left:20px;top:125px;padding:0;z-index:1}.navigation-links{width:11.625rem;padding:1em;background:#4b3931;border:none}.active-button-link{background:#866754}.nav-link-container{display:grid;grid-template-columns:1fr 2fr;grid-template-areas:"Logo Link"}.nav-icon{grid-area:Logo;justify-self:center}.nav-link-text{grid-area:Link;align-self:center;margin-left:.69em}.navigation-links:focus,.navigation-links:hover{background-color:rgba(160,148,142,.5)}.navigation-links:focus .nav-icon,.navigation-links:hover .nav-icon{-webkit-transform:scale(1.369);transform:scale(1.369)}.active-page{background:#6d5e58}.logo-link{color:#fff;text-decoration:none;text-align:center}.logo-link:focus .resonate-logo,.logo-link:hover .resonate-logo{background:#4b3931;-webkit-transform:scale(1.05);transform:scale(1.05)}.song-info{font-family:"Montserrat",sans-serif}.song-title{font-size:1.375rem;font-weight:700;letter-spacing:1.5px}.song-artist{font-size:1rem;font-weight:400;letter-spacing:.5px}.song-frequency{color:#251d17;font-weight:900;font-style:italic;font-size:.938px}.time{color:#b4b4b4}.playbar{background:#4b3931;padding:.5em;width:100%}.playbar-wrapper{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-areas:"Song-Info Media-Controls Other-Controls ";-webkit-align-items:center;align-items:center}.song-details-wrapper{grid-area:Song-Info;margin-left:17px}.song-details-wrapper,.song-info{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.song-info{-webkit-justify-content:space-between;justify-content:space-between;margin-left:22px;height:77px;max-width:500px}.song-title-artist{max-width:399px}.media-controls-wrapper{grid-area:Media-Controls;-webkit-align-items:center;align-items:center;width:515px;-webkit-justify-content:space-evenly;justify-content:space-evenly}.media-controls-wrapper,.other-controls-wrapper{justify-self:flex-end;display:-webkit-flex;display:flex;position:relative}.other-controls-wrapper{grid-area:Other-Controls;width:100%;-webkit-justify-content:flex-end;justify-content:flex-end}.outter-icons{color:#e3e1e1}.inner-icons,.mainPlay-icon{color:#fff}.playbar-icon:hover{color:#e0ab8a}.mainPlay-icon:hover{-webkit-transform:scale(1.11);transform:scale(1.11)}.volume-control{margin:0 11px 0 44px;display:-webkit-flex;display:flex}.slider{-webkit-appearance:none;outline:none;border-radius:11px;opacity:.7}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:50%;cursor:pointer}.volume-slider{height:11px;margin-top:11px;margin-left:9px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#fff;border-radius:50%;cursor:pointer}.volume-slider:hover.volume-slider::-webkit-slider-thumb{background:#e0ab8a}.volume-slider::-webkit-slider-thumb:hover{opacity:1}.fullscreen-icon{margin-left:22px;margin-right:10px;margin-top:5px}.queueIcon{margin:0 10px}.other-controls-icon{color:#cacaca}.other-controls-icon:hover{color:#e0ab8a}.sound-icon{color:#cacaca}.sound-icon:hover{color:#fff}.fs-repeat-button,.repeat-button{position:relative}.show-repeat{color:#d1a081}.fs-repeat-circle,.fs-repeat-infinite,.repeat-circle,.repeat-infinite{display:none}.fs-repeat-circle.show,.fs-repeat-infinite.show,.repeat-circle.show,.repeat-infinite.show{background-color:#d1a081;border-radius:50%;position:absolute}.fs-repeat-circle.show,.repeat-circle.show{display:block;width:6px;height:6px;left:14.5px}.fs-repeat-infinite.show,.repeat-infinite.show{display:-webkit-flex;display:flex;width:15px;height:15px;top:1px;right:0;color:#fff;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.playerOffShuffle.highlight{color:#d1a081}.playbar-decor{position:absolute;top:-44px}.seekbar-wrapper{position:absolute;top:-39px}.seek-slider{width:425px;height:7px;opacity:1;background:#dedede}.seek-slider::-webkit-slider-thumb{background:#e0ab8a;height:16px;width:16px}.seek-slider::-webkit-slider-thumb:hover{background:#b68262;height:18px;width:18px}.song-image{height:66px;width:66px;object-fit:cover}.page-title{font-weight:900;font-size:2.25rem;line-height:42px;letter-spacing:.15em;text-transform:uppercase;color:#fff}.btn,.page-title{font-family:Roboto;font-style:normal}.btn{font-weight:700;font-size:1.125rem;line-height:21px;letter-spacing:.05em}.play-btn{color:#03254a}.upload-btn{color:#fff}.heading-style{font-style:normal;font-weight:400;font-size:1rem;line-height:23px;letter-spacing:.2em;text-transform:uppercase;color:hsla(0,0%,100%,.666)}.songArtist,.songFrequency,.songName{font-style:normal;font-weight:700;font-size:1.25rem;letter-spacing:1px;color:hsla(0,0%,100%,.9176470588235294)}.btn,.page-background,.page-buttons,.page-pannel{display:-webkit-flex;display:flex}.page-background{-webkit-align-items:flex-start;align-items:flex-start;background:#03254a;padding:.5em 2.5em}.page-pannel{-webkit-flex-direction:column;flex-direction:column;background:hsla(0,0%,94.5%,.22);width:100%;padding:1em 0;margin-top:33px;margin-bottom:222px}.pannel-header{padding:0 3em 3em}.page-title{margin-bottom:1em}.btn{-webkit-align-items:center;align-items:center;padding:10px 44px;border:none;border-radius:25px;opacity:.88;position:relative;cursor:pointer}.play-btn{padding-left:55px;padding-right:55px;background:#fff;margin-right:2em}.upload-btn{background:#03254a}.play-icon,.upload-icon{display:none;position:absolute}.play-btn:focus,.play-btn:hover,.upload-btn:focus,.upload-btn:hover{-webkit-transform:scale(1.12);transform:scale(1.12);opacity:1}.play-btn:focus .play-icon,.play-btn:hover .play-icon,.upload-btn:focus .upload-icon,.upload-btn:hover .upload-icon{display:block;left:55px}.play-btn:focus .button-text,.play-btn:hover .button-text,.upload-btn:focus .button-text,.upload-btn:hover .button-text{opacity:0}.displaySong-head,.songCard{padding:1em 0;border-bottom:1px solid #fff;position:relative}.songCard:hover{background:#74889e}.songCard:hover .playSong-icon{display:block}.playSong-icon{position:absolute;top:12px;left:22px;color:#fff;display:none}.playSong-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.displaySong-container{display:grid;padding:0 5.5em;grid-template-columns:1.85fr 1.5fr .2fr}.add-toQueue{position:absolute;right:22px}.now-playing{letter-spacing:1px;margin-bottom:1em}.up-next{margin:2em 0 1em}.queue-container{margin-top:2em}.queue-song-container{display:grid;grid-template-columns:77px 2.5fr 2.5fr .5fr;grid-template-areas:"SongImage SongName SongArtist Frequency";background-color:rgba(116,136,158,.4392156862745098);padding:.5em 1em;-webkit-align-items:center;align-items:center;margin-bottom:.5em}.queue-image-container{position:relative;grid-area:SongImage}.queue-play-icon{position:absolute;opacity:0;background:rgba(0,0,0,.777);left:0;padding:.88em;height:77px;width:77px}.queue-song-image{height:77px;width:77px;object-fit:cover}.queue-song-name{grid-area:SongName;padding-left:2em}.queue-song-artist{grid-template-areas:SongArtists}.queue-song-frequency{grid-template-areas:Frequency}.page-background{display:block}.queue-image-container:hover .queue-play-icon{opacity:1}.queue-song-container:hover{background-color:rgba(159,185,219,.6352941176470588)}.queuePage-message{display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline}.queue-title{margin-right:1em}.fs-songArtist,.fs-songTitle{text-transform:uppercase;color:#fff;font-weight:700}.fs-Time{color:#dedede;font-style:italic}.fs-songTitle{letter-spacing:.1em;font-size:36px;line-height:56px}.fs-songArtist{letter-spacing:.05em;font-size:18px;line-height:28px}.fs-background{background:url(/music-player/static/media/fullscreen-background-new.54228ca3.png);background-position:155px;height:100vh;width:100vw;display:none;position:absolute;opacity:1;top:0;left:0}.fs-background.show{display:block}.fs-container{position:relative;top:33px;left:66px;height:80%;width:88%;min-height:444px;min-width:888px;display:grid;grid-template-columns:1.5fr 2fr .5fr;grid-template-areas:"Col-1 Col-2 Col-3"}.fs-col-1{grid-area:Col-1;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.fs-col-2{grid-area:Col-2;-webkit-justify-content:center;justify-content:center;padding-left:3.3em}.fs-col-2,.fs-col-3{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative}.fs-col-3{grid-area:Col-3;-webkit-justify-content:space-between;justify-content:space-between;padding-left:4em}.fs-songImage{background:#fff;height:396px;width:396px;object-fit:cover;border-radius:5%}.fs-title-artist{margin-bottom:4em;text-align:center}.fs-songTitle{margin-bottom:16px}.fs-icons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;width:444px}.fs-seek-slider{margin-bottom:4.4em;width:444px}.fs-media-controls{position:relative;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.fs-media-controls,.fs-songTime{display:-webkit-flex;display:flex}.fs-songTime{width:444px;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:5px}.fs-seekbar-container,.icon-background{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.icon-background{background:hsla(0,0%,100%,.222);color:#dedede}.icon-background:focus,.icon-background:hover{background:hsla(0,0%,100%,.444);color:#fff}.small-view-slider{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fs-sound-button{position:relative}.fs-volume-slider-box{-webkit-transform:rotate(90deg);transform:rotate(90deg);width:144px;height:39px;background:hsla(0,0%,100%,.222);position:absolute;top:-91px;left:-52px;display:none}.fs-volume-slider-box.show{display:block}.fullscreen-icon-background{background:hsla(0,0%,100%,.222);color:#dedede}.fs-exit-icon,.fs-sound-icon,.section-title{font-size:33px}.card-artist,.card-frequency,.card-name{font-size:16px}.homePage-background{background:url(/music-player/static/media/home.41b3b34d.png);background-size:cover;background-position:bottom;padding:44px 2em 2em}.section-container{background:hsla(0,0%,76.9%,.33);padding:2em 3em;display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin-bottom:2em}.card-container{padding:1em;background:#7a5d50;border-radius:15px;position:relative}.card-image{width:123px;height:123px;object-fit:cover}.songCard-info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:66px;-webkit-justify-content:space-around;justify-content:space-around}.songCard_PlayIcon{color:#fff;font-size:55px}.hover-container{width:100%;height:100%;background-color:rgba(0,0,0,.666);position:absolute;top:0;left:0;border-radius:15px;display:none}.card-container:hover .hover-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.card-container:hover .songCard_PlayIcon{margin-top:40%}.pannel-title{font-size:22px}.sub-heading{font-size:11px;letter-spacing:1px}.opening-anime,.opening-name{font-weight:400}.anime-page{padding-top:3.3em}.dub-pannel{margin-bottom:55px}.dub-container{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;padding:1em 0}.Dub-card,.dub-container{display:-webkit-flex;display:flex}.Dub-card{position:relative;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding:2em 2em 1em}.dubcard-name{font-size:22px;text-align:center;padding-top:1.1em}.anime-dub-img{height:144px;width:144px}.dubCard-hoverEffect{position:absolute;background:#000;height:100%;width:100%;top:-1px;left:-1px;opacity:.7;display:none}.play-dub-song{width:66px;height:66px;color:#fff;display:none}.Dub-card:hover .dubCard-hoverEffect{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Dub-card:hover .play-dub-song{display:block}.sub-card{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:1em 0;color:#fff}.anime-opening-pannel{margin-bottom:3em}.anime-page-buttons{padding:1em}.sub-card{display:grid;grid-template-columns:.5fr 1fr 1fr;-webkit-align-items:center;align-items:center;padding-left:2.2em}.anime-heading-title{margin-left:5em}.opening-name{margin-left:2em}.opening-anime{margin-left:5em}.opening-img{height:100px;width:100px;object-fit:cover;border-radius:5px}.sub-heading{display:-webkit-flex;display:flex;padding:1em 0;border-bottom:1px solid #fff;margin:2em 0;-webkit-justify-content:space-around;justify-content:space-around}.col-A{position:relative}.play-hoverEffect-sub{position:absolute;background:#000;height:100px;width:100px;top:0;opacity:.666;display:none}.play-sub-song{color:#fff;font-size:55px;position:absolute;left:20px;bottom:25px}.sub-card:hover{background:#74889e}.sub-card:hover .play-hoverEffect-sub{display:block}.sleep-card{background:#fff;padding:1em;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-align:center}.sleep-img{height:169px;width:169px;margin-bottom:.5em}.music-link{display:inline-block;background:#fff;margin:.5em;font-size:16px}.sleep-pannel{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly}.elevate-title{font-size:30px;margin:1.4em 0}.elevate-page-pannel{margin-bottom:4.4em}@media screen and (min-width:1500px){.page-layout{grid-template-columns:240px auto;grid-template-rows:auto 101px}.navigation-links{width:200px;padding:1em;font-size:20px}.logo-title{font-size:27px}.anime-icon,.elevate-icon,.home-icon{font-size:33px}.docs-icon,.sleep-icon{font-size:36px}.section-container{margin-bottom:4em;-webkit-justify-content:space-around;justify-content:space-around}.card-image{height:169px;width:169px}.card-name{font-size:22px}.card-artist{font-size:18px}.songCard-info{height:99px;-webkit-justify-content:space-evenly;justify-content:space-evenly}.playbar-wrapper{grid-template-columns:repeat(3,1fr)}.other-controls-wrapper{-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:3em}.fullscreen-icon{margin-left:30px}.fs-songImage{width:444px;height:444px;margin-left:4.4em}.fs-songTitle{font-size:44px}.fs-songArtist{font-size:20px}.fs-col-3{padding:5em 4em}.icon-background{padding:1em}.fs-exit-icon,.fs-sound-icon{font-size:44px}}.dark-overlay{position:absolute;background:#2c2c2c;z-index:100;height:100vh;width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.Popup-container{background:#fff;color:#000;font-size:22px;font-weight:700;padding:2em;z-index:100;width:85%;position:relative}.popup-x{position:absolute;font-size:44px;color:#fff;top:-28px;right:-28px}.chibi-asta{position:absolute;height:333px;top:-260px;left:0}.popup-highlight{color:#517c06}.gazersuthy-link{display:inline-block;padding:.5em 1em;background:#000;text-decoration:none;color:#fff;margin-top:22px;border-radius:5px}.gazersuthy-link:focus,.gazersuthy-link:hover{background:#517c06;color:#000}.doc-head{margin-left:9px;color:#0ff}.doc-blog-link{color:#fff;padding:1em}d .doc-link{background:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.doc-card{-webkit-align-items:center;align-items:center}.doc-img{width:222px}.video-doc-head{color:#ff0;font-size:33px}.mobile-song-details,.video-doc-head{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.mobile-song-details{-webkit-flex-direction:column;flex-direction:column;color:#fff;margin-top:11.11px;margin-bottom:44.44px}.mobile-song-name{font-size:33px;max-width:333px;font-weight:700;letter-spacing:1px;padding-bottom:.5em}.mobile-song-artist{letter-spacing:.25px}.mob-seekbar-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-top:22px}.mobile-seek-slider{margin-top:22px;height:22px}.mobile-seek-slider::-webkit-slider-thumb{background:#e0ab8a;height:33px;width:33px}@media screen and (max-width:444px){.mobile-seek-slider::-webkit-slider-thumb{display:none;background:transparent}}.mobile-seek-slider::-webkit-slider-thumb:hover{background:#b68262;height:44px;width:44px}.display-mobile-time{display:-webkit-flex;display:flex;width:425px;-webkit-justify-content:space-between;justify-content:space-between;margin-top:11.11px}.mobile-time{color:#2c2c2c;font-size:22px}.mob-player-icon:focus,.mob-player-icon:hover{color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.mob-fs-exit-icon{color:#fff;font-size:33px;background:hsla(0,0%,100%,.222);position:absolute;right:22px;z-index:1000;top:-699.3px}@media screen and (max-width:500px){.mob-fs-songImg{width:222px;height:222px}.mob-song-img-container{padding-bottom:11px}.mobile-song-name{padding-bottom:.333em}.display-mobile-time,.mobile-seek-slider{width:285px}}@media screen and (max-width:345px){.mobile-song-details{margin-bottom:11px}.mob-seekbar-wrapper{margin-top:0}.mob-song-img-container{padding-top:2.2em}}.mob-animepg-bg{background:#03254a;min-height:100vh;padding:2em .5em .5em}.mob-anime-head{margin-bottom:22px}.mob-page-pannel{background:hsla(0,0%,100%,.233);padding:1em}.anime-page-btns{display:-webkit-flex;display:flex;margin-bottom:11px}@media screen and (max-width:380px){.btn{width:111px}.button-text{margin-left:-18px}.mob-anime-icon{font-size:33px;margin-left:-11px}}.mobile-sleep-card{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-bottom:22px}.mobile-music-link{display:inline-block}.mob-sleep-pannel{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.mobile-logo-link{display:inline-block;margin-bottom:33px}.mobile-logo-link-container{display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:center;justify-content:center;background:hsla(0,0%,100%,.281);margin-bottom:33px}.mob-about-bg{padding-bottom:11em}.resonate-logo-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border:1px solid #fff;border-radius:22.22px;padding:11px;color:#fff;text-decoration:none}.resonate-logo-container:focus,.resonate-logo-container:hover{background:hsla(0,0%,100%,.11)}.mobile-logo{width:111.1px;margin-right:11px}.mob-highlight{color:gold}.video-link-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.video-link-title{margin-top:33px;color:gold}.about-underline{background:gold}.mobile-link-container{display:inline-block;background:hsla(0,0%,100%,.178);text-align:center;color:gold;margin:22px auto}.mobile-link-container:focus,.mobile-link-container:hover{background:hsla(0,0%,100%,.333)}.mob-chibiluffy{width:333px}@media screen and (max-width:444px){.mob-chibiluffy{width:222px}}.mob-animepg-bg{padding-bottom:11em}.intro-button{border-radius:33px;border:1px solid #fff;background:linear-gradient(90deg,#e16dae 32.03%,rgba(224,108,174,.99) 0,rgba(111,52,155,0));color:#fff;font-size:33px;padding:.25em 1em;margin-bottom:3em;display:inline-block}.intro-button:focus,.intro-button:hover{scale:1.15;cursor:pointer;-webkit-filter:drop-shadow(5px 5px 5px #ff0191);filter:drop-shadow(5px 5px 5px rgba(255,1,145,1))}.golden-highlight{color:#f9ad32}.pink-text-highlight{color:#ff80c8}.blue-text-highlight{color:#4cd3f2}.green-text-highlight{color:#a7ff90}.golden-text-highlight{color:#f7cd60}@media screen and (max-width:999px){.app-title{font-size:36.9px}.app-title-mobile{font-weight:400;font-size:22px;margin-top:.25em;font-style:italic}.intro-page{background:#424242}.app-desc,.hero-col1{display:none}.hero-headings{background:rgba(0,0,0,.8);width:100%;text-align:center;padding:1.5em 0}.hero-col2{padding-top:2em;background-image:url(/music-player/static/media/landingpage-mobile.17628b0e.png);background-size:cover;background-position:50%;height:88vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.chibi-zen{margin-top:-2em;width:275px}.developer-section{background:#0b0308;text-align:center;line-height:1.6;padding:1em 3em}.mobile-app-desc p{margin-bottom:1em;font-family:"Montserrat",sans-serif}.developed{margin-top:1em;font-weight:400;letter-spacing:.5px}.developer-section{padding-top:3em}.developer-section-title{margin-top:4em}.developer-icon{margin-bottom:2em}.profile-pic{width:123.4px}.icon-div{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:3em}.github-icon{width:111px;margin-left:10px}.insta-icon{width:111px;font-size:22px}.glitch-icon{width:111px;margin-left:-44px}}@media screen and (min-width:500px){.hero-col2{background-size:100%;background-repeat:no-repeat;background-position:50%;padding-top:2em}.hero{background:#1c182d}.chibi-zen{width:333px}}@media screen and (min-width:999px){.developed{margin-top:.5em;font-weight:400}.app-title{font-size:33px;letter-spacing:1.5px}.app-title-mobile{font-weight:400;text-align:center}.mobile-app-desc{display:none}.dev-icons,.developer-section-title{color:#000}.character-icon{display:none}.hero{background:#2f2f2f;display:grid;grid-template-columns:1.23fr 1fr}.hero-col1{background-image:url(/music-player/static/media/landingpage.81c0da46.png);background-size:cover;height:95vh}.hero-col2{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:3em 3em 2em}.app-desc{color:#bebebe;line-height:1.4;margin-top:1em}.app-desc,.app-desc p{margin-bottom:2em}.app-desc p:last-child{margin-bottom:3.3em}.hero-headings{position:relative;padding-bottom:2.2em;z-index:100}.developer-section{padding:3em}.flex-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly}.profile-pic{width:333px}.icon-div{-webkit-align-items:center;align-items:center;font-size:22px}.dev-icons,.icon-div{display:-webkit-flex;display:flex}.dev-icons{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly}.github-icon{width:55px}.github-icon,.glitch-icon,.insta-icon{margin-right:15px}}@media screen and (min-width:1500px){.app-desc{font-size:20px;font-weight:400;color:#bebebe;line-height:1.4;font-family:"Montserrat",sans-serif;letter-spacing:-.25px}.app-title{font-size:44px}.app-title-mobile{color:#fff;font-size:22px;font-style:normal;letter-spacing:1px;text-align:left}.developed{font-style:normal;letter-spacing:1.5px}.hero{grid-template-columns:.8fr 1fr}.hero-col1{background-image:url(/music-player/static/media/landingpage.81c0da46.png);background-size:cover;background-repeat:no-repeat;height:95vh}.hero-col2{padding-right:5em;padding-left:5em;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly;padding-bottom:5em;-webkit-align-items:flex-start;align-items:flex-start}.hero-headings{-webkit-align-self:flex-start;align-self:flex-start}.cta-btn{display:inline-block;width:-webkit-max-content;width:max-content;height:69px;margin-top:-3em}.developer-section{margin-top:5em}}body{--hero-page-colour:hsla(0,0%,93.3%,0.9333333333333333)}.logo-img:hover{scale:1.23;cursor:pointer}.logo-img.dark{color:#fff}.portfolio h2,.portfolio h3{color:#292929}.showcase-col-1 h3{color:#545454;font-weight:500}.portfolio p{color:#212121}.visit-btn{cursor:pointer}.visit-btn:focus,.visit-btn:hover{scale:1.234}@media only screen and (max-width:800px){body{overflow-x:hidden}.hero-flex{grid-area:HeroFlex}.hero-flex,.nav-bar{display:-webkit-flex;display:flex}.nav-bar{grid-area:Nav;padding:1em 2em;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;height:77px}.logo-text{font-weight:600;letter-spacing:1.5px;font-size:22px;border-left:1px solid #000;border-right:1px solid #000;padding-left:.5em;padding-right:.5em}.logo-img{width:35px;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content}.text-name{display:none}.showcase-desc{line-height:1.5}.hero-picture{background-image:url(/music-player/static/media/hero-img.739fd6fe.jpg);width:100%;min-height:55vh;background-size:cover;background-position:50%;position:relative}.hero-picture:after{content:"Suthashan Tharamarajah";width:100%;background:#212b48;position:absolute;bottom:0;text-align:center;color:#fff;letter-spacing:2px;padding:.25em;font-size:18px}.hero-flex{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.hero-text,.menu{display:none}.skills-section{background-color:#474747;color:#bdbdbd;padding:3em 2em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;letter-spacing:.5px}.skill-tree{display:none}.skill-tree-mobile{background:#555;color:#fff;padding:3em 2em}.skill-tree-mobile h4{color:#fff;padding-bottom:1em;letter-spacing:1px;font-weight:500}.project-showcase-1{padding-top:3em;margin-top:2em;text-align:center}.proj-desc-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.project-img{display:none}.proj-pic-1{width:100%}.project-img-mobile{width:88%}.proj-desc{padding:2em 1em;width:88%;line-height:1.6;text-align:justify}.proj-desc:first-child(){margin-top:1em}.proj-desc p{margin-bottom:1.5em}.project-headline{font-weight:700;font-size:25px;margin-bottom:1em}.middle-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin-bottom:1.5em;margin-top:-2.2em}.mobile-app{width:77%}.mobile-app-pic-container{-webkit-flex-direction:column;flex-direction:column}.icons,.mobile-app-pic-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.icons{-webkit-justify-content:center;justify-content:center;height:80px}.css-icon,.html-icon,.js-icon,.react-icon{width:44px;margin:0 1em;opacity:1%}.react-icon{width:55px;opacity:1%}.code-showcase{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:2em;margin-top:2em;-webkit-flex-direction:column;flex-direction:column}.mob-app-container{margin-top:0;padding-top:0}.mobile-app-pic-container{margin-top:0;padding-top:1em}.mobile-app{border:1px solid #7a7a7a}.code-pic{display:none}.mob-code-pic{margin-top:1em;width:100%;background-image:url(/music-player/static/media/codesnip_1.234dc7e3.png);height:444px;border:1px solid #a2a2a2}.showcase-desc{margin-top:2em;text-align:justify}.showcase-desc p{margin-bottom:1.5em}footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:33vh}}.visit-btn{border:1px solid #b8b8b8;background:#6c97df;color:#fff;letter-spacing:1.5px;padding:.5em 1em;font-weight:600;border-radius:15px;font-size:23px}.btn-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:2em}.portfolio{color:#000}@media screen and (min-width:800px){.logo-text{font-weight:700;letter-spacing:3px;font-size:23px}.Project{color:#125ba3}.Aboutme{color:#996dcf}.Contacts{color:teal}.underscore{font-size:33px}.text-name{letter-spacing:1px;font-size:18px;margin-top:1.5px}.skill-tree h4{margin-bottom:.5em;letter-spacing:.5px;font-weight:400}.portfolio-hero{background:var(--hero-page-colour)}.nav-bar{display:-webkit-flex;display:flex;height:77px;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;color:#181818}.right-column-hero{width:77%;padding:3em}.hero-flex{display:-webkit-flex;display:flex}.hero-picture{background-image:url(/music-player/static/media/hero-img.739fd6fe.jpg);background-size:cover;background-repeat:none;background-position:50%;width:100%;height:77.7vh}.project-img-mobile,.skill-tree-mobile{display:none}.logo-img{width:44px;color:#181818;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-right:3.3em}.skill-tree{margin:2em 0}.design-div{display:block;background:#999;width:333px;height:1px;margin-bottom:2em}.menu{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.menu h5{margin-bottom:1.5em;font-weight:700;letter-spacing:1px;font-size:16px}.project-showcase-1{margin-top:5em;padding:3em;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.project-container{-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-justify-content:space-between;justify-content:space-between;width:88%}.project-container,.project-left-container{display:-webkit-flex;display:flex}.right-column-hero.dark{background:#474747}.project-headline{font-size:28px;font-weight:700;letter-spacing:1px;margin-bottom:.75em}.proj-desc{line-height:2}.proj-desc p{margin-bottom:1.5em}.icons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:200px}.css-icon,.html-icon,.js-icon,.react-icon{width:55px;margin:0 1em;opacity:1%}.css-icon,.html-icon{width:50px;opacity:1%}.react-icon{width:66px;opacity:1%}.proj-desc-container{width:50%;padding:2em}.project-img{width:44%}.proj-pic-1{width:100%}.code-showcase{width:100%;-webkit-justify-content:center;justify-content:center;padding:0 3em 3em}.code-container,.code-showcase{display:-webkit-flex;display:flex}.code-container{width:88%;-webkit-align-items:center;align-items:center}.showcase-desc{width:444px;padding:2em}.showcase-desc p{margin-bottom:1.5em;line-height:1.6}.code-pic{margin-top:1em;border:1px solid #e0e0e0}}footer{margin-top:4.4em;background:var(--hero-page-colour);padding:2em 4em;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.footer-cont,.footer-text,footer{display:-webkit-flex;display:flex}.footer-cont{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}@media screen and (min-width:800px) and (max-width:1750px){.code-pic{width:777px}}@media screen and (min-width:800px) and (max-width:1200px){.code-showcase h3{color:#979797}.code-container,.project-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.project-container{-webkit-align-items:center;align-items:center;width:100%}.proj-desc-container,.project-img{width:69%}.proj-desc-container{padding:3.3em 0 0}.showcase-col-2{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.showcase-desc{width:88%;margin-top:1em}}
/*# sourceMappingURL=main.343b5aba.chunk.css.map */