@import url(https://fonts.googleapis.com/css?family=Roboto:300italic,300,100italic,100);.day{--body-bg-color:#dcdcdc;--panel-bg-color:#f0f0f0;--menu-press-bg-color:#ebebeb;--home-shadow-color:#646464;--home-text-color:#f2f2f2;--menu-item-text-color:#646464;--menu-item-shadow-color:#646464;--panel-box-shadow:#a0a0a0;--font-color:#1e1e1e;--scene-button-bg-color:#0a0a0a;--scene-button-color:#f0f0f0}.night{--body-bg-color:#1e1e1e;--panel-bg-color:#0a0a0a;--menu-press-bg-color:#0f0f0f;--home-shadow-color:#bebebe;--home-text-color:#080808;--menu-item-text-color:#969696;--menu-item-shadow-color:#bebebe;--panel-box-shadow:#5a5a5a;--font-color:#dcdcdc;--scene-button-bg-color:#f0f0f0;--scene-button-color:#0a0a0a}body{background-color:var(--body-bg-color);font-family:Arial,Helvetica,sans-serif;height:auto;margin:0 auto 10px;max-width:1000px;min-width:300px;padding:0;top:0}div,h1{margin:0;padding:0}img{align-self:center;justify-self:left;margin:5px;max-width:200px;min-width:100px;width:90%}footer{margin:10px;padding:10px;text-align:center}.home-bar{background-color:var(--panel-bg-color);border-radius:5px;display:grid;left:0;margin:0 10px;padding:20px 10px;position:-webkit-sticky;position:sticky;top:0;width:auto;z-index:1}.home-button{text-shadow:3px 3px 5px var(--home-shadow-color)}.home-button,.home-button:hover{align-self:center;color:var(--home-text-color);text-decoration:none}.home-button:hover{text-shadow:4px 4px 7px var(--home-shadow-color)}.home-button:active{align-self:center;color:var(--home-text-color);text-decoration:none;text-shadow:-1px -1px 5px var(--home-shadow-color)}.menu-bar{align-self:center;display:block;text-align:right}.menu-item{align-self:center;border-radius:5px;font-size:large;margin-left:20px;padding:10px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none}.menu-item,.menu-item:hover{color:var(--menu-item-text-color)}.menu-item:hover{box-shadow:2px 2px 5px var(--menu-item-shadow-color)}.menu-item:active{background-color:var(--menu-press-bg-color);box-shadow:-2px -2px 5px var(--menu-item-shadow-color);color:var(--menu-item-text-color)}.main-panel{background-color:var(--panel-bg-color);border-radius:5px;margin:20px 10px;padding:10px 5px 20px;position:relative;text-align:center;width:auto;z-index:0}.home-bar,.main-panel{box-shadow:2px 2px 5px var(--panel-box-shadow)}.panel-content{align-self:stretch;color:var(--font-color);font-size:large;line-height:150%;text-align:left}.panel-card{display:grid;margin:10px}.portfolio-button{background-color:#c86464;border-radius:3px;box-shadow:2px 2px 5px var(--panel-box-shadow);color:#f0f0f0;font-weight:700;padding:5px;text-decoration:none;-webkit-user-select:none;user-select:none}.portfolio-button:hover{background-color:#8c4646;box-shadow:4px 4px 8px var(--panel-box-shadow)}.portfolio-button:active{background-color:#462323}.menu-bar-toggle,.menu-bar-toggle:hover{background-color:var(--menu-press-bg-color);box-shadow:-2px -2px 5px var(--menu-item-shadow-color);color:gray}.menu-panel{background-color:var(--menu-press-bg-color);border-radius:5px;box-shadow:2px 2px 5px var(--panel-box-shadow);margin:0 20px 20px;padding:10px 0;position:-webkit-sticky;position:sticky;top:70px;z-index:1}.scene-button{align-self:center;background-color:var(--scene-button-bg-color);border-radius:5px;color:var(--scene-button-color);font-size:large;margin-left:20px;padding:10px;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none}.scene-button:hover{box-shadow:2px 2px 5px var(--menu-item-shadow-color);color:var(--scene-button-color)}.scene-button:active{box-shadow:-2px -2px 5px var(--menu-item-shadow-color);color:var(--scene-button-color)}.panel-title{color:var(--font-color);font-family:Roboto,sans-serif;font-size:32px;font-weight:300;margin-bottom:10px;margin-left:10px;margin-top:10px;text-align:center}.vid{aspect-ratio:2;min-width:220px}.vid,.vid-block{max-width:400px;width:100%}.vid-block{border-radius:5px;box-shadow:1px 1px 5px var(--scene-button-bg-color);margin:10px;padding:10px}.vid-description{color:var(--font-color);max-height:300px;overflow:auto;text-align:left}.vid-panel{display:flex;flex-wrap:wrap;justify-content:space-evenly}.vid-title{color:var(--font-color);font-size:larger;font-weight:700;margin:10px 0;overflow:auto;text-align:left}