@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap";:root{--fsg: 6em;--fsm: 4em;--fss: 1.5em;--fses: 1em;--iconsize: 2em;--accent: #61b0f1;--bg: #f5f5f5;--sbg: #e4e6e6;--fg: #3a3a3a;--sfg: #3a3a3a;--imgbg: url(./background.1928b614.jpg);--imgcol: linear-gradient( rgba(255, 255, 255, .7), rgba(255, 255, 255, .7) )}.darktheme{--accent: #61b0f1;--bg: #19171a;--sbg: #201e21;--fg: #d8dee9;--sfg: #3a3a3a;--imgcol: linear-gradient( rgba(0, 0, 0, .8), rgba(0, 0, 0, .8) )}*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,sans-serif;transition:.2s ease-in-out}.notransition{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}.withImageBackground{background-image:var(--imgcol),var(--imgbg);background-size:cover;background-attachment:fixed}body{width:90vw;background-color:var(--bg);display:flex;align-items:center;justify-content:center}#themeButton{position:absolute;margin:2em 2em 0 0;right:0;top:0;color:var(--fg);border:none;cursor:pointer;background-color:#0000}#themeIcon{width:25px;height:25px}.main{display:flex;flex-direction:column}.container{max-width:100vw;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;grid-gap:30px;padding:20px}.card{background-color:var(--sbg);box-shadow:0 5px 7px #00000059;border-radius:5px}.card:hover{transform:translateY(-.2rem);box-shadow:0 10px 10px #00000059}.timeBlock{display:flex;flex-direction:column;align-items:center;justify-content:center}.date{display:flex;align-items:center;justify-content:center;margin-top:30px}.weather{display:flex;align-items:center;justify-content:center}.clock{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}#hour,#separator,#minutes{word-wrap:break-word;font-size:var(--fsg);font-weight:bolder;color:var(--fg)}#month,#day{font-size:var(--fsm);font-weight:700;color:var(--fg);margin-left:20px}#greetings{font-size:var(--fss);color:var(--fg)}.buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);grid-gap:30px;padding:20px;width:fit-content;width:-moz-fit-content}.buttons__link{display:flex;justify-content:center;align-items:center;width:70px;height:70px}.buttonLink__icon{width:var(--iconsize);height:var(--iconsize);color:var(--fg)}.buttons__link:hover{background-color:var(--accent)}.buttons__link:hover svg{stroke:var(--sfg)}.list{display:flex;align-items:center;flex-direction:column;width:fit-content;width:-moz-fit-content;min-width:50px}.list__head{margin-top:3vh;margin-bottom:2vh;color:var(--fg);width:var(--iconsize);height:var(--iconsize)}.list__link{text-decoration:none;font-size:var(--fses);color:var(--fg);margin-top:1vh;padding:8px 12px;border-radius:5px;font-weight:700;text-align:center;width:100%}.list__link:hover{background-color:var(--accent);color:var(--sfg)}