1 line
11 KiB
CSS
1 line
11 KiB
CSS
|
html,body,h1,h2,h3,h4,h5,h6,a,p,span,em,small,strong,sub,sup,mark,del,ins,strike,abbr,dfn,blockquote,q,cite,code,pre,li,dl,dt,dd,div,section,article,main,aside,nav,header,hgroup,footer,img,figure,figcaption,address,time,audio,video,canvas,iframe,details,summary,fieldset,form,label,legend,table,caption,tbody,tfoot,thead{border:0;padding:0;margin:0}html{box-sizing:border-box;font-size:1em}*,*::before,*::after{box-sizing:inherit}a{text-decoration:none}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Ubuntu,Oxygen,Cantarell,open sans,helvetica neue,sans-serif;font-kerning:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialised;font-weight:400;height:100vh;hyphens:auto;line-height:1.62;overflow-wrap:break-word;text-rendering:optimizeLegibility}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}h1,h2,h3,h4{font-weight:inherit;line-height:1.2;margin:1.414rem 0 .5rem}hr{box-sizing:content-box;overflow:visible}img,video,figure{display:block;height:auto;max-width:100%}img{border-style:none}main,header,footer{display:block}ol,ul{list-style:none;margin-left:0;margin-right:0;padding:0}p{margin-bottom:1.1rem}pre,code,kbd{font-family:monospace;font-size:1em;white-space:pre-wrap}select{text-transform:none}table,td,tr,th{margin:auto;border-collapse:collapse;border:1px solid var(--primary-text);padding:10px}[hidden]{display:none}[disabled]{cursor:not-allowed}:focus:not(:focus-visible){outline:none}:root{--title: 3.998rem;--subtitle: 2.827rem;--header: 1.999rem;--subheader: 1.414rem;--primary: #ffc107;--primary-dark: #ffa000;--primary-light: #ffecb3;--primary-text: #212121;--secondary-text: #333333;--accent: #536dfe;--divider: #bdbdbd;--white: #fdfdfd;--sm: 576px;--md: 768px;--lg: 992px;--xl: 1200px}a{color:var(--accent)}a:hover{color:var(--primary-dark)}body{color:var(--primary-text)}figcaption{font-size:.9rem;text-align:center}hr{color:var(--divider);opacity:.3;width:25%}i{font-size:var(--subheader)}input,textarea{border:2px solid var(--divider)}input:focus,textarea:focus{border:2px solid var(--accent)}pre{border:1px solid var(--divider);overflow:auto;margin-bottom:1.75rem;padding:1rem 1.75rem;text-align:left;width:100%}textarea{resize:none}.header{background-color:var(--white);box-shadow:0 1px 5px var(--divider);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;position:fixed;top:0;width:100%;z-index:999}.header__title{align-items:center;display:flex;font-size:1.1rem;justify-content:flex-start;margin:1rem 4.5rem}.header__title__link{color:var(--primary-dark)}.header__title__logo{max-width:7rem;vertical-align:middle;width:100%}.menu{align-items:center;display:flex;hyphens:none;margin-right:4.5rem}.menu__items{display:flex;justify-content:space-evenly;width:100%}.menu__items__item{margin:0 1.5rem}.menu__items__item__link{color:var(--primary-text);padding:.5rem 0;position:relative}.menu__items__item__link:hover,.menu__items__item__link:focus{color:var(--primary-text)}.menu__items__item__link::before{bottom:0;content:"";display:block;height:3px;position:absolute;transition:all .25s ease-in-out;width:0%}.menu__items__item__link::before{background-color:var(--primary)}.menu__items__item__link:hover::before,.menu__items__item__link:focus::before{opacity:1;width:100%}.menu__items__item__link.active::before{opacity:1;width:100%}.hamburger-menu{display:none;visibility:hidden}.toggle,.hamburger__toggle{user-select:none}.toggle{align-self:center;position:absolute;right:4.5rem}.hamburger__toggle{height:32px;left:-5px;opacity:0;position:absolute;top:-7px;width:40px}.hamburger__items{background-color:var(--white);box-shadow:-1px 2px 5px var(--divider);height:100vh;position:absolute;transform:translate(100%,0);transform-origin:0% 0%;transition:transform .15s ease-in-out;visibility:hidden;width:50vw}.hamburger__items__item{margin:1.75rem 0 0 2.75rem}.hamburger__items__item__link{color:var(--primary-text)}.hamburger__items__item__link:hover{color:var(--primary-dark)}.toggle .hamburger__toggle:checked~.hamburger__items{transform:translate(-70%,0);visibility:visib
|