@import url(https://fonts.googleapis.com/css2?family=Roboto);.musicPlayer-div{margin-left:auto;margin-right:auto;width:560px;padding:20px;background-color:#e4e4e4;border-radius:5px}.musicPlayerTrackListShowHide{height:238px;overflow-y:auto}.musicPlayerTrackListShowHide::-webkit-scrollbar{width:1em}.musicPlayerTrackListShowHide::-webkit-scrollbar-track{box-shadow:inset 0 0 10px rgba(0,122,204,.5)}.musicPlayerTrackListShowHide::-webkit-scrollbar-thumb{background-color:#007acc}@media only screen and (max-width:680px){.musicPlayer-div{width:81.716%}}.musicTrackButton{width:100%;text-align:left;background-color:#e4e4e4;outline:none;outline-color:transparent;border:none;background-color:transparent}.musicTrackButton-lightTheme:hover{background-color:rgba(0,122,204,.2);border-radius:5px}.musicTrackButton>div>p{font-size:18px}.musicPlayer-div{padding-top:0}.musicPlayerTitleAndShowHideIcon{display:flex;justify-content:center}.musicPlayerTitleAndShowHideIcon>h2{flex:1 1;display:flex;justify-content:center}.la-compact-disc,.la-minus-circle,.la-play,.la-plus-circle,.la-step-backward,.la-step-forward{padding:0;margin:0;background:transparent;border:transparent;cursor:pointer;outline:transparent}.la-compact-disc:hover,.la-minus-circle:hover,.la-play:hover,.la-plus-circle:hover,.la-step-backward:hover,.la-step-forward:hover{color:#007acc!important}.musicTrackButton{cursor:pointer}.volumeRangeClass-div{display:flex;justify-content:center}.volumeRangeClass{cursor:pointer}.durationProgressBar{width:100%;cursor:pointer}.toggleButton-div{margin:0;padding:0;display:flex;align-items:center;justify-content:center;grid-gap:5px;gap:5px;position:relative;top:-10px}.switch-div{text-align:center}.switch-div>.switch{position:relative;display:inline-block;width:90px;height:35px;bottom:1px;box-shadow:0 0 10px 2px #fff;border-radius:20px}.switch-div>.switch>input{opacity:0;width:0;height:0}.switch>.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#2f3337;background-size:cover;transition:.4s}.switch>.slider:before{position:absolute;content:"";height:28px;width:28px;left:5px;bottom:4px;background-color:#2196f3;transition:.4s}.switch-div>.switch>input:checked+.slider{background-color:#fff}.switch-div>.switch>input:checked+.slider:before{background-color:#ff4500;transform:translateX(50px)}.switch-div>.switch>.slider.round{border-radius:34px}.switch-div>.switch>.slider.round:before{border-radius:50%}.switch-div:hover{border-radius:20px}body{font-family:"Open Sans","Roboto",sans-serif;margin:0;background-color:#fff;letter-spacing:.2px}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.header-spacer{width:100px}.header>h1{text-align:center}.svg-container{position:relative}.svg-container-image{height:200px}.svg-container-overlay{position:absolute;top:0;left:0;height:100%;width:100%}@media only screen and (max-width:500px){.svg-container-image{width:75vw}}.projectCard{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:40px;gap:40px;text-align:center;margin-left:auto;margin-right:auto;width:1200px}.projectCard-box{background-color:#e4e4e4;border-radius:5px;padding:20px}.projectCard-box>a{padding:10px;color:#fff;border-radius:5px;text-decoration:none;text-align:center;text-align:end;background-color:#007acc;font-size:18px}.theme-websiteOrGithub:hover{background-color:#000}.projectCard-box>p{font-size:18px;line-height:1.5;text-align:left}footer{background-color:#000;color:#fff;text-align:center;padding:10px;font-size:21px}@media only screen and (max-width:1230px){.projectCard{width:600px;grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:680px){.projectCard{width:90%}}.contactComponent{text-align:center}.contactComponent>a{color:#000;-webkit-text-stroke-width:2px;-webkit-text-fill-color:#fff}.contactComponent>a>div{padding:5px}.theme-contact-icon:hover{color:#007acc;-webkit-text-stroke-width:0;-webkit-text-fill-color:#007acc}@keyframes contactComponent-animation{50%{box-shadow:0 0 0 12px rgba(0,122,204,.4)}to{box-shadow:0 0 1px transparent}}.audioButton{padding:0;margin:0;background:transparent;border:transparent;cursor:pointer;outline:transparent}body::-webkit-scrollbar{width:1em}body::-webkit-scrollbar-track{box-shadow:inset 0 0 10px rgba(0,122,204,.5)}body::-webkit-scrollbar-thumb{background-color:#007acc}