body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.landing-page-container{background-image:url(/static/media/wallpaper.6aff6a80.jpg);background-color:rgba(0,0,0,.6);background-blend-mode:multiply;background-size:cover;color:#fff;height:60vh;text-align:center;padding:20px}.landing-page-header{margin:0}@media (min-width:500px){.landing-page-description{width:60%;margin:auto;padding:50px}}@media (min-width:720px){.landing-page-container{height:90vh}}.add-title{height:100px;display:flex;flex-direction:column;justify-content:center;padding:20px 30px;margin:0;text-align:center}.add-container{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;background-color:rgba(0,0,0,.5)}.add-content{position:absolute;left:8%;right:8%;top:25%;bottom:25%;margin:auto;border-radius:5px;background:#fff}.close{color:#000;float:right;font-size:20px;padding-right:10px}.add-form{justify-content:space-around;margin:auto;width:75%;height:40%}.add-form,.field{display:flex;flex-direction:column}.buttons{text-align:center}.button,input{padding:10px}.button{background-color:#000;color:#fff;border:none;width:70%;font-size:15px}.button:disabled{background-color:grey}.error{color:red}.close:hover{cursor:pointer}@media (min-width:500px){.add-content{left:20%;right:20%}}@media (min-width:1200px){.add-content{left:35%;right:35%}}a{color:#000;text-decoration:none}img{height:100%}.volunteer-container{display:flex;justify-content:flex-start;height:100px;padding:20px 30px;background-color:#f7f7f7;border-bottom:1px solid #e5e5e5}.main-list{flex-direction:column;width:100%;padding:0;margin:0}.volunteer-info{display:flex;flex-direction:column;margin:auto}.volunteer-name{margin:0}.btn{position:fixed;bottom:5px;right:5px;padding:10px}.add-btn{height:50px}.main-container{height:100vh}.btn-volunteer{position:fixed;bottom:5px;right:5px;padding:10px}.hour{width:80%}.hour-title{border-bottom:1px solid #000;text-align:left}.hour-content{display:flex;justify-content:space-between;padding:0 15px}.delete{font-size:20px}.hours-delete{background:transparent;border:none;height:20px;padding:0;width:20px}.hours-delete:hover{cursor:pointer}.add-form-hours{display:flex;flex-direction:column;justify-content:space-around;margin:auto;width:75%;height:60%}#volunteer-id{padding:10px}label{text-align:left;font-weight:500}.hours-list{flex-direction:column;margin:0;padding:0}.hours-container{text-align:center}.volunteer-header{height:100px;display:flex;flex-direction:row;justify-content:space-around;padding:20px;background-color:#f7f7f7;border-bottom:1px solid #e5e5e5}.goBack:hover{cursor:pointer}.volunteer-name{margin:auto}.hours-list-container{margin:0;padding:0;height:100vh}.hours-list{display:flex;flex-direction:row;justify-content:center;padding:20px 0}.goBack{height:40%;margin:auto 0}.volunteer-header-content{margin:auto}.add-hours-button{display:none}@media (min-width:500px){.hours-list-container{width:70%;margin:auto}.goBack{padding:0 20px}.add-hours-button{display:block;padding:0 20px}.add-hours-button:hover{cursor:pointer}.btn{display:none}}.side-panel{height:100%;background:#fff;position:fixed;top:0;right:0;width:60%;max-width:400px;z-index:9000;opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden;transition:opacity .2s,visibility 0ms linear .2s,-webkit-transform .5s cubic-bezier(.23,1,.32,1);transition:opacity .2s,visibility 0ms linear .2s,transform .5s cubic-bezier(.23,1,.32,1);transition:opacity .2s,visibility 0ms linear .2s,transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)}.side-panel.open{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1;visibility:visible;transition:opacity .2s,visibility 0ms,-webkit-transform .5s cubic-bezier(.23,1,.32,1);transition:opacity .2s,visibility 0ms,transform .5s cubic-bezier(.23,1,.32,1);transition:opacity .2s,visibility 0ms,transform .5s cubic-bezier(.23,1,.32,1),-webkit-transform .5s cubic-bezier(.23,1,.32,1)}.side-panel ul{height:100%;list-style:none;display:flex;flex-direction:column;margin:0;padding:0}.side-panel li{margin:0;font-size:16px;background-color:#f7f7f7}.side-panel a{text-decoration:none}.side-panel a:active,.side-panel a:hover{color:#fa923f}.panel-button{display:block;font-weight:500}.panel-button,.panel-header{position:relative;text-align:left;width:100%;padding:14px 20px;background:transparent;margin:0;border-bottom:1px solid #e5e5e5}.panel-header{display:flex;height:10vh;flex-direction:column;justify-content:space-around;font-size:20px;background-color:#000;color:#fff}.panel-volunteer{position:relative;text-align:left;width:100%;display:block;padding:14px 20px;background:transparent;margin:0;border-bottom:1px solid #e5e5e5}.arrow{width:7%;margin-right:5px}@media (min-width:500px){.sider-panel{width:30%}}@media (min-width:769px){.side-panel{display:none}}.toggle-button{display:flex;flex-direction:column;justify-content:space-around;height:24px;width:30px;background:transparent;border:none;cursor:pointer;padding:0;box-sizing:border-box}.toggle-button:focus{outline:none}.toggle-button__line{width:30px;height:2px;background:#fff}.header{display:absolute;background-color:#000;color:#fff}.header-navigation{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center;padding:0 20px}.header-navigation-items{display:none;flex-direction:row;justify-content:space-around;color:#fff;width:50%}.nav-link{color:#fff;text-decoration:none}.navigation-list{display:flex;flex-direction:row;justify-content:space-around;width:80%}.header-title{text-align:center;color:#fff}@media (min-width:500px){.header-toggle-button{display:none}.header-navigation-items{display:flex}.header-title{padding:0 50px}}.backdrop{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:100}*{list-style:none;box-sizing:border-box}
/*# sourceMappingURL=main.dd9a45dd.chunk.css.map */