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}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.current-day{color:#fa3535;font-weight:900;background-color:#f4a460}tr:hover{cursor:pointer}h2{background-color:#da8d40;padding:8px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:40px;font-weight:800;color:#000;text-shadow:2px 2px 1px #bb1f04}.main{display:flex;flex-direction:row}.calendar-component{background-color:#deb887}.side-div{width:35%;background:url(/static/media/pexels-photo-1591447.7b2adcf1.jpeg);background-size:cover;height:auto;display:flex;flex-direction:column;padding:0 10px}.month-popup{width:150px;height:auto;background-color:beige;position:absolute;z-index:0;border:2px;border-radius:4px;opacity:.8}.clock-div{display:flex;flex-direction:column;justify-content:center;padding:20px 0}.clock{height:auto}.clock,.Date{text-align:center;padding:15px;font-size:35px;font-weight:700;color:#000;text-shadow:2px 2px 1px #e6af77;background-color:rgba(255,235,205,.178);border:2px solid rgba(255,235,205,.178)}.Taskbar-div{border-top:2px solid #000;display:flex;justify-content:center;padding:10px 5px}.taskbar{width:auto;padding:10px;border:2px solid rgba(0,0,0,.021);background-color:rgba(255,217,159,.452)}.main-calendar{display:flex;justify-content:center;align-items:center;background-color:rgba(240,156,87,.71);width:65%;height:90vh;border:10px solid #000}.table-elements{background-image:-webkit-gradient(linear,left top,left bottom,from(#eca062),to(#f1c6a3));background-image:linear-gradient(#eca062,#f1c6a3)}.Month-nav{display:flex;justify-content:space-between;padding:20px}@media only screen and (max-width:500px){.main{flex-direction:column}.main,.side-div{display:flex;justify-content:center}.side-div{width:auto;height:auto}.main-calendar{background-color:rgba(240,156,87,.71);width:auto;border:5px solid #000}.clock,.Date{font-size:25px}}
/*# sourceMappingURL=main.3443e1b4.chunk.css.map */