@import url("https://fonts.googleapis.com/css2?family=Economica&family=Lato:wght@300;400;700&display=swap");:root{--fear-colour: #610fb3;--joy-colour: #085e50;--anger-colour: #994d00;--envy-colour: #061;--sorrow-colour: #17658c}body{font-family:"Lato",sans-serif;font-size:.925rem;height:100vh;display:flex;padding:0 3rem;background:#333}body.fear{background:url("imgs/fear-bg.jpg") fixed no-repeat left top/cover;background-size:cover;color:#e1dae7}body.fear::after{background-color:var(--fear-colour)}body.joy{background:url("imgs/joy-bg.jpg") fixed no-repeat left top/cover;background-size:cover;color:#81e4d4}body.joy::after{background-color:var(--joy-colour)}body.anger{background:url("imgs/anger-bg.jpg") fixed no-repeat left top/cover;background-size:cover;color:#fc9}body.anger::after{background-color:var(--anger-colour)}body.envy{background:url("imgs/envy-bg.jpg") fixed no-repeat left top/cover;color:#bce9c4}body.envy::after{background-color:var(--envy-colour)}body.sorrow{background:url("imgs/sorrow-bg.jpg") fixed no-repeat left top/cover;background-size:cover;color:#b9d9e9}body.sorrow::after{background-color:var(--sorrow-colour)}body::after{z-index:-1;position:fixed;left:0;top:0;content:" ";width:100%;height:100%;opacity:.5}a{color:inherit;opacity:.75}a:hover{opacity:1}a:active{color:#fff}#container{display:flex;flex-direction:column;margin:0 auto;min-height:100vh;overflow-y:auto;padding:1rem;box-sizing:border-box;backdrop-filter:blur(10px) saturate(1) contrast(.5) brightness(.975);box-shadow:0 0 10px rgba(0,0,0,.25),inset 0 0 3px rgba(255,255,255,.25);border:1px solid rgba(0,0,0,.5)}#container .faux-header{font-size:2rem;font-weight:300;padding:1rem}#container #current{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:2}#container #current #current-result{text-align:center;padding:1rem;width:100%;background-color:rgba(0,0,0,.05);padding:2rem 1rem;backdrop-filter:blur(25px)}#container #current #current-result #current-mood{margin:0;font-family:Economica;text-transform:uppercase;font-size:4rem}#container #current #current-result #current-time{margin-bottom:1rem}#container #current #current-result button{position:absolute;top:0;right:0;padding:.5rem;background:rgba(0,0,0,0);border:0;color:inherit;cursor:pointer;opacity:.5}#container #current #current-result button:hover{opacity:1}#container #current #current-result button:active{color:#fff}#container #next{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:1rem auto;flex:1}#container #next table{border-spacing:0}#container #next table thead{font-weight:700}#container #next table thead td{text-align:center}#container #next table td:first-child{text-align:right}#container #next table td{border-bottom:1px solid #000;padding:.5rem}#container footer{font-size:.75rem;line-height:1rem;text-align:center;opacity:.625}#container .github-repo{padding:1rem;position:absolute;top:0;right:0}