:root{--grad:#c2292d 23.38%,#f27d21 50.43%,#f4aa1f 58.87%,#ebbc20 59.9%,#d9e021 61.17%,#eeab1f 62.49%,#f7931e 66.2%,#df6c2f 69.61%,#cb4b3d 73.19%,#bb2f49 77.05%,#9e005d 100%;--font-color:#ffebcd;--secondary-color:#ffa500;--bg-color:#1e1d1d;--global-gap:3rem}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(../fonts/roboto-v20-latin-regular.eot);src:local(''),url(../fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v20-latin-regular.woff2) format('woff2'),url(../fonts/roboto-v20-latin-regular.woff) format('woff'),url(../fonts/roboto-v20-latin-regular.ttf) format('truetype'),url(../fonts/roboto-v20-latin-regular.svg#Roboto) format('svg')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:url(../fonts/roboto-v20-latin-700.eot);src:local(''),url(../fonts/roboto-v20-latin-700.eot?#iefix) format('embedded-opentype'),url(../fonts/roboto-v20-latin-700.woff2) format('woff2'),url(../fonts/roboto-v20-latin-700.woff) format('woff'),url(../fonts/roboto-v20-latin-700.ttf) format('truetype'),url(../fonts/roboto-v20-latin-700.svg#Roboto) format('svg')}*,::after,::before{box-sizing:border-box}body{margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-color);color:var(--font-color);font-family:Roboto,sans-serif;font-size:clamp(13px,calc(.7rem + .25vw),20px);font-weight:400;line-height:1.7;overflow-x:hidden}body{display:block}body:after,body:before{clip-path:polygon(0 0,100% 0,100% 85%,85% 100%,15% 100%,0 85%)}body::after{content:"";background:linear-gradient(150deg,var(--grad));opacity:.9}body::after,body::before{display:block;height:50vh;min-height:400px;position:absolute;top:0;left:0;width:100%}.nav-bar{position:relative;display:grid;grid-template-areas:"logo nav users";z-index:2;margin:-2px;background:rgba(255,0,0,.3);box-shadow:inset 0 -3px 5px rgba(0 0 0 /33%)}.logo{position:relative;grid-area:logo;justify-self:self-start;padding-left:var(--global-gap)}.logo svg{width:auto;height:55px}.hero-upper{font:bold 20px sans-serif}.hero-lower{font:italic 20px serif}.ucolour{fill:var(--font-color)}.lcolour{fill:var(--secondary-color)}nav{grid-area:nav}.nav-items>ul{display:flex;height:100%}.nav-items{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:center}.nav-items>ul>li>a{font-weight:800;text-transform:uppercase;font-size:1.2rem;color:var(--font-color);padding:.7rem 1rem;text-decoration:none;background-image:linear-gradient(var(--font-color),var(--secondary-color));background-size:0 .1px;background-position-y:100%;background-position-x:0;background-repeat:no-repeat;text-shadow:#000 1px 1px 1px,rgba(0,0,0,.5) 0 2px 2px;transition:background-size .3s ease-in-out;overflow:hidden}.nav-items>ul>li>a:focus,.nav-items>ul>li>a:hover{color:var(--secondary-color);background-size:100% 3px;text-shadow:#000 0 0 2px,red 0 0 8px,#ff0 0 0 20px}.nav-items>ul{list-style:none}.users{grid-area:users;align-self:center;justify-self:end;padding-right:var(--global-gap)}.users svg{width:35px;height:35px}header{position:relative;z-index:1;overflow:hidden;margin:1.5rem 0 1rem 0}.article-title{font-size:clamp(1.2rem,calc(1rem + 3.5vw),4rem);text-shadow:0 2px 2px rgba(0,0,0,.5);text-transform:uppercase}.wrapper{max-width:1200px;margin:0 auto;padding:0}@media only screen and (max-width:1230px){.wrapper{margin:0 2rem}.article-title{padding-left:2rem}}@media only screen and (max-width:770px){:root{--global-gap:2rem}.wrapper{margin-left:1.5rem;margin-right:1rem}.nav-bar{grid-template-areas:"logo users" "nav nav"}}article{display:grid;grid-template-columns:1fr;margin:0 auto}main{position:relative;z-index:1;display:block}.content{font-size:1.2rem;background:#fff;color:#000;padding:var(--global-gap);overflow-wrap:break-word;border-radius:20px}.content::before{content:"";background:linear-gradient(45deg,var(--grad));position:absolute;top:-10px;left:-10px;width:calc(100% + 20px);height:calc(100% + 20px);z-index:-1;border-radius:20px;box-shadow:0 -5px 20px #000}@media only screen and (max-width:1230px){.content{padding:2.5rem}.wrapper{padding:0 .5rem}}#to-top{width:40px;line-height:40px;overflow:hidden;z-index:3;display:none;cursor:pointer;transform:rotate(270deg);position:fixed;bottom:30px;right:30px;background-color:var(--bg-color);border-radius:.7rem;color:#eee7eb;text-align:center;font-size:30px;text-decoration:none}#to-top:hover{background-color:var(--bg-color);color:orange}footer{background:linear-gradient(45deg,var(--grad));clip-path:polygon(0 15%,15% 0,85% 0,100% 15%,100% 100%,0 100%);opacity:.9;margin-top:-3rem;padding:0}.foot-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"copyr links legal"}.copy,.legal,.links{padding:6rem var(--global-gap) 0 var(--global-gap)}.copy{grid-area:copyr}.links{grid-area:links}.legal{grid-area:legal}.foot-container>div{background-color:rgba(0,0,0,.4);height:100%;text-align:center}footer a:link,footer a:visited,footer p{font-size:.9rem;line-height:1.2rem;color:var(--font-color)}footer ul{list-style:none;padding:0}footer h5{font-style:normal;font-weight:800;letter-spacing:.3rem;text-transform:uppercase;color:var(--secondary-color)}footer a:active,footer a:focus,footer a:hover{color:var(--secondary-color);background-size:100% 2px}footer a{text-decoration:none;background-image:linear-gradient(var(--font-color),var(--secondary-color));background-size:0 .1px;background-position-y:100%;background-position-x:0;background-repeat:no-repeat;transition:background-size .3s ease-in-out}@media only screen and (max-width:550px){:root{--global-gap:1rem}.wrapper{margin-left:5px;margin-right:5px}.foot-container{grid-template-columns:1fr;grid-template-areas:"links" "legal" "copyr"}.copy,.legal{padding-top:0}}