:root{--max-width:1100px;--primary-colour:#071e85;--primary-colour-transparent:#071e85bd;--secondary-colour:red;--secondary-colour-transparent:#ff0000bd;--accent-colour:#9678a7bd;--accent-colour-dark:#775f85bd;--black:#000;--black-transparent:#000000bd;--white:#fff;--secondary-colour-dark:#3f0909;--primary-colour-gradient:linear-gradient(90deg,#071e85,#8b9ffa8f,#8b9ffa01);--secondary-colour-gradient:linear-gradient(90deg,#861037d3,#ff0000c7,#e75050b4,#ff0000c7,#861037d3,#ff0000c7,#e75050b4);--grey-colour-gradient:linear-gradient(90deg,#969696d3,#cececec7,#ffffffb4,#cececec7,#969696d3,#cececec7,#ffffffb4);--black-gradient:linear-gradient(270deg,#000,#4d4d4d01);--grey-background:#9b9999bd;--grey-background-2:#a1a1a1bd;--grey-text:#424242bd;font-size:1.3rem;background-color:var(--black);color:var(--white)}*{box-sizing:border-box;padding:0;margin:0;font-family:Times New Roman,Times,serif}body,html{width:100vw;overflow-x:hidden}@keyframes sideScroll{0%{background-position:90% 0}to{background-position:0 0}}a:before,button:before{content:"";background-image:var(--secondary-colour-gradient);position:absolute;top:-.0625em;left:-.0625em;background-size:400%;opacity:0;z-index:-1;width:calc(100% + .125em);height:calc(100% + .125em);animation:sideScroll 14s linear infinite}a:before{background-image:var(--grey-colour-gradient)}a:focus:before,a:hover:before,button:focus:before,button:hover:before{opacity:1}a,button{display:flex;align-items:center;width:13em;height:2.8em;padding:1em;font-size:1em;border:none;background-color:var(--accent-colour);color:var(--white);-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em)}a:focus,a:hover,button:focus,button:hover{border-left:2px solid #ff4242;background:transparent}a:focus,a:hover{border-left:2px solid var(--white)}@keyframes appear{0%{opacity:0;transform:translate(-20px,20px)}to{opacity:1;transform:translate(0)}}.fadeIn{animation:appear .6s ease-out 1 backwards}.fadeOut{animation:appear .6s ease-out 1 reverse forwards}@media screen AND (max-width:895px) AND (orientation:portrait){html{transform:rotate(90deg);transform-origin:right top;position:absolute;top:100%;right:0}body,html{width:100vh}}