*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;background-color:var(--page-sides)}:root{--text-clr:black;--border-clr:#b6b6b6;--link-clr:blue;--nav-bg:black;--nav-links:white;--link-clr-hover:rgb(0,175,175);--page-bg:white;--page-sides:rgb(199,199,199);--section-gap:1.5rem}a,button,div,em,form,h1,h2,h3,h4,h5,h6,i,img,input,label,li,ol,p,section,span,strong,textarea,ul{background-color:var(--page-bg)}footer a,nav a{background-color:var(--nav-bg)}img{max-width:100%;max-height:100%;width:100%;height:100%}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}a{color:var(--link-clr)}nav{height:60px;background-color:var(--nav-bg);display:flex;justify-content:center;align-items:center;position:fixed;width:100%;z-index:100;padding-inline:.5rem;gap:2rem;position:relative;& a{color:var(--nav-links);text-decoration:none;text-transform:uppercase;padding:.5rem;&:hover{background-color:var(--nav-links);color:var(--nav-bg);padding:.5rem;border-radius:8px;opacity:.7}}}.nav-focus{padding:.5rem;border-radius:8px;background-color:var(--nav-links);color:var(--nav-bg)}.page{padding-top:2px;max-width:1200px;margin-inline:auto;min-height:calc(100lvh - 105px);padding-inline:1rem;padding-bottom:1rem;background-color:var(--page-bg);& p{line-height:1.2}}footer{background-color:var(--nav-bg);color:var(--nav-links);display:flex;justify-content:center;align-items:center;gap:.5rem;height:45px;& div{display:flex;justify-content:center;align-items:center;background-color:var(--nav-bg)}& a{color:var(--nav-links);text-decoration:underline;&:hover{color:var(--link-clr-hover)}}}.center{text-align:center;margin-block:1rem .5rem}.footer-divider{display:block;color:var(--nav-links);background-color:var(--nav-bg)}@media screen and (max-width:768px){nav{gap:.8rem}}