:root{--padding-sides:50px;--font-size-text:calc(17px);--font-weight-text:400;--font-size-title:calc(6px + 1vw);--font-weight-title:650;--border-size:2.5px}.dark-theme{--text-color:#db9a94;--background-color:#23231e}.light-theme{--text-color:#211716;--background-color:#d9d8bb}body{background:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{font-weight:var(--font-weight-title)}a:link,a:visited{color:var(--text-color)}.background{background:var(--background-color)}.padding-bottom-60px{padding-bottom:60px}.padding-bottom-20px{padding-bottom:20px}.content-container{flex-flow:wrap;max-width:1000px;margin:2%;display:flex;overflow:visible}.content-container-centerer{justify-content:center;display:flex}button{text-align:center;border:var(--border-size) solid var(--text-color);background:var(--background-color);width:auto;font-weight:var(--font-weight-title);color:var(--text-color);border-radius:10px;margin:0 5px;padding:0 20px;text-decoration:underline}button:hover{filter:brightness(113%);cursor:pointer}.button2 button{background-color:var(--text-color);border:var(--border-size) solid var(--background-color);color:var(--background-color)}.nav-button-wrapper{padding-bottom:0;padding-right:var(--padding-sides);align-items:center;display:flex}.nav-bar-left{padding-left:var(--padding-sides);align-items:center;display:flex}.nav-bar-wrapper{background:var(--background-color);justify-content:space-between;width:100%;height:fit-content;padding:3px 0 0;display:flex;position:fixed;top:0}.icon-row{justify-content:space-between;max-width:300px;margin-left:auto;margin-right:auto;display:flex}.title-style{font-weight:var(--font-weight-title);color:var(--text-color)}.underlined.title-style{text-decoration:underline}.text-style{font-size:var(--font-size-text);font-weight:var(--font-weight-text);color:var(--text-color);margin:0;padding:0}.text-style-inv{font-size:var(--font-size-text);font-weight:var(--font-weight-text);color:var(--background-color);margin:0;padding:0}.my-image{border-radius:5%;justify-content:center;align-items:center;max-width:65%;height:auto}.img-shadow{box-shadow:3px 3px 10px var(--text-color)}.intro-info-wrapper{margin-left:auto;margin-right:auto;padding-top:100px}.about-me-wrapper{margin-left:auto;margin-right:auto;padding-top:50px}.text-box{text-align:left}.projects-wrapper{width:auto;margin-left:auto;margin-right:auto;padding-top:50px}.projects-section{padding-top:25px}.wide-video{max-width:640px;height:360px;margin-left:auto;margin-right:auto}.footer{align-items:center;margin-left:auto;margin-right:auto}.footer h2{margin:10px}.opacity-0-5{opacity:.5}.border-rad-10px{border-radius:10px}@media screen and (width<=800px){.nav-bar-wrapper{display:none}}.App{text-align:center}.composite-img{border-radius:10px;justify-content:center;max-width:55%;height:auto;margin-left:auto;margin-right:auto}.composite-text{text-align:center;margin-left:5px;margin-right:5px}.composite-title{text-align:center;margin-top:0;margin-bottom:10px}.composite-title-text-container{justify-content:center;max-width:100%;margin:5px;padding-top:20px}.composite{flex-flow:column wrap;max-width:500px;margin-left:auto;margin-right:auto;padding-bottom:20px;display:flex}.not-composite{max-width:450px;max-height:auto;margin:0 auto auto}.composite-wrapper{flex-flow:wrap;width:100%;display:flex}.music-composite-player-container{flex-grow:1}.music-composite-player{border-radius:10px;width:100%;height:100%}.music-composite-img{border-radius:10px;justify-content:left;max-width:175px;height:auto;margin-top:auto;margin-bottom:auto}.music-composite-text{text-align:left;margin-left:5px;margin-right:5px}.music-composite-title{text-align:left;margin-top:0;margin-bottom:10px}.music-composite-title-text-container{justify-content:left;width:300px;padding:25px}.music-composite{flex-flow:wrap;width:100%;padding-bottom:40px;display:flex}.music-composite-wrapper{flex-flow:column wrap;width:100%;display:flex}