*{outline:none}article{padding:0 2em}article p,article li{text-align:justify}a{color:#2b302c;text-decoration:none}ul,ol{padding-left:1.5em}li{padding:.25em 0}body{margin:0;height:100vh;color:#2b302c;background-color:#eee;font-size:16px;font-family:Raleway,sans-serif}header{display:flex;justify-content:flex-start;position:sticky;top:0;padding:.75rem 3rem .5rem;color:inherit;background-color:#c6d6ea;box-shadow:0 0 .75rem #c6d6ea;font-size:1.25rem;font-family:Roboto,sans-serif}header a{position:relative;display:inline-block;padding:0 .2em .25em}nav img{display:none}main{padding:1rem;min-height:calc(100% - 131px)}footer{display:flex;justify-content:space-between;padding:1rem 3rem;color:#eee;background-color:#6077a2;font-size:.9rem;font-family:Roboto,sans-serif}#menu-open{display:none}#menu-close{display:none;margin-left:calc(100% - 44px)}@media (min-width: 1000px){header{padding:.75rem calc(50% - 500px) .5rem}main{padding:1rem calc(50% - 500px)}article{padding:0}footer{padding:1rem calc(50% - 500px)}}@media (min-width: 700px){nav{display:flex;justify-content:space-around;gap:2em}header a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#6077a2;transform-origin:bottom right;transition:transform .25s ease-out}header a:hover:after,header a.active:after{transform:scaleX(1);transform-origin:bottom left}}@media (max-width: 700px){header{padding:0 0 0 3rem;justify-content:space-between;align-items:center}nav{position:absolute;top:0;right:0;z-index:100;height:auto;min-height:100%;display:none;flex-direction:column;justify-content:flex-start;background-color:#6077a2}nav a{margin:0 1em 8px;padding:0 .5em 8px;color:#eee;border-bottom:1px solid #d3dbe5}nav a:last-child{border-bottom:none}nav.visible{display:flex}#menu-open,nav.visible #menu-close{display:inline-block;width:20px;height:20px;padding:12px;background-color:#6077a2;cursor:pointer}}