@import url(https://fonts.googleapis.com/css?family=Nunito+Sans&display=swap);@import url(https://fonts.googleapis.com/css?family=Marck+Script&display=swap);@import url(/styles/styles.css);@import url(/styles/pictures.css);@import url(/styles/modal.css);@import url(/styles/signup.css);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}h1,h2,h3,h4,header,img,li,ul{margin:0;padding:0}:root{--work-peach:#ffd2b3;--work-magenta:#cd477f;--work-orange:#ff938a;--work-white:#fff7f0;--work-blue:#2d3f71;--leisure-tan:#fcecca;--leisure-pink:#fcb0b3;--leisure-gray:#596973;--leisure-red:#f93943;--leisure-blue:#7eb2dd}#team{margin-top:10vh;display:grid;grid-template-columns:repeat(4,20vw);place-content:space-evenly;place-items:center;grid-template-rows:50vh}.buttonImage{width:100px;height:100px;display:none;list-style-type:none;background-color:#24335b;border-radius:25px;color:#fff;display:grid;align-items:start;justify-content:stretch;height:100%;width:100%;background-size:cover;border:10px solid #24335b;box-shadow:0 4px 8px 0 rgba(0,0,0,.6)}.buttonImage:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.6);cursor:pointer}#ivy{background:url(/img/ivyimg.png);background-position:40% 40%;background-size:16rem}#cody{background:url(/img/codymain.jpg);background-position:55% 15%;background-size:16rem}#andre{background:url(/img/andremain.jpg);background-position:43% 35%;background-size:16rem}#dean{background:url(/img/deanmain.jpg);background-position:43% 50%;background-size:16rem}.modal{position:relative;background:#cc457d;border-radius:10px;box-sizing:0 3px 15px rgba(0,0,0,.5);display:grid;grid-auto-columns:1fr;justify-content:center;align-items:center;font-family:Helvetica,Segoe UI Light,sans-serif;font-weight:lighter;text-align:center;list-style:none;margin:10vh 15vw;padding:2vh 2vw}.modal ul li{list-style:none;padding:10px;font-size:20px}.title{text-align:center}*{box-sizing:border-box}body #signup-login{display:grid;align-items:center;justify-content:space-around}.container #signup-login{width:600px;margin:30px auto 0;display:block;background:#dbe0f0;padding:10px 50px 50px}#signup-login h3{text-align:center;margin-top:2rem;margin-bottom:2rem}#signup-login .group{position:relative;margin-bottom:45px}#signup-login input{font-size:18px;padding:10px 10px 10px 5px;display:block;width:300px;border:none;border-bottom:1px solid #555;border-radius:5px}#signup-login input:focus{outline:none}#signup-login label{color:#555;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .2s ease;-moz-transition:.2s ease all;-webkit-transition:all .2s ease}#signup-login input:focus~label,#signup-login input:valid~label{top:-20px;font-size:14px;color:#24335b}#signup-login .bar{position:relative;display:block;width:300px}#signup-login .bar:after,#signup-login .bar:before{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#24335b;transition:all .2s ease;-moz-transition:.2s ease all;-webkit-transition:all .2s ease}#signup-login .bar:before{left:50%}#signup-login .bar:after{right:50%}input:focus~.bar:after,input:focus~.bar:before{width:50%}.highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}input:focus~.highlight{-webkit-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}@-webkit-keyframes inputHighlighter{0%{background:#24335b}to{width:0;background:transparent}}@keyframes inputHighlighter{0%{background:#24335b}to{width:0;background:transparent}}.buttons{display:flex;align-items:center;justify-content:space-evenly}button{padding:5px 10px;font-size:18px;border-radius:15px;color:#24335b}button:hover{cursor:pointer;background-color:var(--work-orange);color:var(--work-white)}.bg{position:absolute;z-index:-3;background-size:cover;overflow:hidden;height:100vh;width:100vw}.bg-username{position:fixed;bottom:3rem;left:1rem;z-index:500}.title{left:50%;right:50%}.foot{display:"flex";justify-content:"space-between";text-align:left}.navnav{margin:20px}.navroute{left:1rem;justify-content:space-between;text-align:right}html{font-size:2.8vmin;font-family:Nunito Sans,sans-serif;color:#dbe0f0}header{display:flex;justify-content:space-between;padding:2vh 1vw}h2{padding-bottom:1vh;margin:0}.logoWithText{display:flex;justify-content:left;align-items:flex-start;font-size:3rem;font-weight:700;font-family:Marck Script,cursive;padding:.5rem}.logoImg{display:block;width:3rem;height:auto;border:.125rem solid #dbe0f0;border-radius:100rem;margin:.5rem;padding:.25rem}.tabWidget{display:grid;place-content:center;place-items:center;grid-template-columns:1fr auto;grid-template-areas:"title ." "tabs button";grid-column-gap:1rem;width:95vw;padding:5vh}.tabWidget h2{grid-area:title}.categoryTabs{padding-bottom:1%}.categoryTabs input[type=radio]{opacity:0;width:0}.categoryTabs label{background-color:#24335b;padding:10px 20px;font-size:2.8vmin;font-family:Nunito Sans,sans-serif;color:#dbe0f0;border:1px solid transparent;border-radius:10px 10px 0 0}.categoryTabs label:hover{border:1px solid #dbe0f0}.categoryTabs input[type=radio]:checked+label{background-color:#cc457d;border-color:#ff958c}#expandButton{height:3rem;width:3rem;border:none;background:url(/img/expand.png) no-repeat;background-size:100% 50%;background-position:50%;margin-left:1rem;cursor:pointer;outline:none;grid-area:button;align-self:start}#expandButton.expanded{background:url(/img/collapse.png) no-repeat;background-size:100% 50%;background-position:50%}#recentTabs{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:flex-start;margin:auto;padding-top:1vh;height:8vh;border-radius:10px;overflow-y:hidden;grid-area:tabs;width:100%}#recentTabs,#recentTabs.expanded{-webkit-transition:height .5s;transition:height .5s}#recentTabs.expanded{overflow-y:scroll;height:60vh}#recentTabs>a.recentTab{width:26%;height:2rem;border-radius:10px;margin-bottom:2vh;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-decoration:none;color:#24335b;background-color:#f0f3f9;padding:.25rem .5rem 0;border:1px solid transparent}#recentTabs>a.recentTab,#recentTabs>a.recentTab:hover{-webkit-transition:border .2s;transition:border .2s;box-shadow:.25rem .25rem .25rem rgba(0,0,0,.4)}#recentTabs>a.recentTab:hover{border:1px solid #24335b}#weather{margin-top:0;margin-bottom:0}#displayMoment{margin:0}::-webkit-scrollbar{width:15px;border-radius:15px;padding-right:5px}::-webkit-scrollbar-track{background:#edf0f8;border-radius:10px}::-webkit-scrollbar-thumb{background:#24335b;border-radius:15px}::-webkit-scrollbar-thumb:hover{background:#555}footer{position:fixed;bottom:5px;right:5px;text-align:right;width:50%}footer .credits{position:relative;left:10px;margin-left:.5rem;top:20px;width:50%;font-size:2.5vmin;font-family:Nunito Sans,sans-serif}footer{text-align:center;padding:5px}footer.navroute a:active,footer.navroute a:link,footer .navroute a:visited{color:#dbe0f0;text-decoration:none}footer .navroute a:hover{cursor:pointer}footer .navroute a{text-decoration:none;color:var(--work-white);padding:1%;background:-webkit-gradient(linear,left top,right top,color-stop(45%,var(--work-orange)),color-stop(50%,transparent));background:linear-gradient(90deg,var(--work-orange) 45%,transparent 50%);background-size:200% 100%;background-position:100% 100%;color:var(--snips-white)}footer .navroute :hover,footer .navroute a{-webkit-transition:all .2s linear;transition:all .2s linear}footer .navroute :hover{background-position:0 100%}.contact a{text-decoration:none;outline:none;color:#dbe0f0}.hidden{display:none}.time{top:30px;right:55px;padding:10px;margin:10px;font-size:2.8vmin}.time,.weather{position:absolute;font-family:Nunito Sans,sans-serif}.weather{right:160px;top:20px;font-size:3.5vmin;font-weight:bolder}.credits{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.822);position:fixed;bottom:.5rem;text-decoration:none;width:2vh 2vw;padding:5px}#oop{text-align:center;padding:auto;margin:auto;width:90%}
/*# sourceMappingURL=main.3c718047.chunk.css.map */