-
Notifications
You must be signed in to change notification settings - Fork 0
/
tonus_min.css
1 lines (1 loc) · 3.07 KB
/
tonus_min.css
1
:root{writing-mode:horizontal-tb;direction:rtl;--main-color-900:hsl(119,70%,13%);--main-color-400:hsl(119,31%,51%);--main-color-100:hsl(119,31%,80%);--secondary-color-400:hsl(11,98%,40%);--bg-color-200:hsl(9,78%,98%);--bg-color-100:hsl(0,100%,100%);--font-size-400:1.2rem;--font-size-300:1.1rem}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url('fonts/open-sans-v27-hebrew-regular.eot');src:local(''),url('fonts/open-sans-v27-hebrew-regular.eot?#iefix') format('embedded-opentype'),url('fonts/open-sans-v27-hebrew-regular.woff2') format('woff2'),url('fonts/open-sans-v27-hebrew-regular.woff') format('woff'),url('fonts/open-sans-v27-hebrew-regular.ttf') format('truetype'),url('fonts/open-sans-v27-hebrew-regular.svg#OpenSans') format('svg');font-display:swap}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url('fonts/open-sans-v27-hebrew-700.eot');src:local(''),url('fonts/open-sans-v27-hebrew-700.eot?#iefix') format('embedded-opentype'),url('fonts/open-sans-v27-hebrew-700.woff2') format('woff2'),url('fonts/open-sans-v27-hebrew-700.woff') format('woff'),url('fonts/open-sans-v27-hebrew-700.ttf') format('truetype'),url('fonts/open-sans-v27-hebrew-700.svg#OpenSans') format('svg');font-display:swap}body{margin:0 auto;width:100%;background-color:var(--bg-color-200);color:var(--main-color-900);font-family:'Open Sans',sans-serif;max-width:50rem}header{padding:0;margin-bottom:0;background-color:var(--bg-color-100);border-bottom:.5em solid var(--main-color-400)}header img{margin:0;width:100%;height:auto;padding:0;display:block}h1{padding-block:1em;margin:0;text-align:center}section{background-color:var(--bg-color-100);margin:0;text-align:right;padding:1em}.accessibility h2{font-size:1em}.notice{font-weight:bold}.about{display:flex;gap:1em;flex-direction:row;align-items:center}.about ul{list-style:none;padding:0;margin:0}#classes{text-align:center}a{color:var(--secondary-color-400);text-decoration:none}#schedule{display:flex;flex-direction:row;justify-content:space-around;list-style-type:none;padding:0}#schedule ul{padding:0;list-style-type:none}#schedule ul li{margin-top:.7em}@media only screen and (min-width:50em){body{font-size:var(--font-size-400)}}@media only screen and (max-width:50em){body{font-size:var(--font-size-300)}#schedule{flex-direction:column;margin-bottom:0}#schedule h3{display:inline-block}#schedule ul{display:inline-block;padding-top:1em}#schedule ul li{display:inline-block;padding-right:2em}}footer{font-size:.8em;background-color:var(--bg-color-100);margin:0;text-align:right;padding:1em;box-shadow:0 -.2em var(--main-color-400)}.visually-hidden{clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.inline-heading{font-size:1em;font-weight:400;text-align:start;margin:0}.center{margin-left:auto;margin-right:auto}.button{display:block;width:max-content;padding:.5em 1em;border:2px solid var(--secondary-color-400);border-radius:100vw;outline:2px solid var(--secondary-color-400);outline-offset:-2px;transition:outline-offset 150ms ease-in}.button:hover,.button:focus{outline-offset:-6px}