*{margin:0;padding:0;box-sizing:border-box;width:100%;border:0 solid}html{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='18' viewBox='0 0 100 18'%3E%3Cpath fill='%239C92AC' fill-opacity='0.4' d='M61.82 18c3.47-1.45 6.86-3.78 11.3-7.34C78 6.76 80.34 5.1 83.87 3.42 88.56 1.16 93.75 0 100 0v6.16C98.76 6.05 97.43 6 96 6c-9.59 0-14.23 2.23-23.13 9.34-1.28 1.03-2.39 1.9-3.4 2.66h-7.65zm-23.64 0H22.52c-1-.76-2.1-1.63-3.4-2.66C11.57 9.3 7.08 6.78 0 6.16V0c6.25 0 11.44 1.16 16.14 3.42 3.53 1.7 5.87 3.35 10.73 7.24 4.45 3.56 7.84 5.9 11.31 7.34zM61.82 0h7.66a39.57 39.57 0 0 1-7.34 4.58C57.44 6.84 52.25 8 46 8S34.56 6.84 29.86 4.58A39.57 39.57 0 0 1 22.52 0h15.66C41.65 1.44 45.21 2 50 2c4.8 0 8.35-.56 11.82-2z'%3E%3C/path%3E%3C/svg%3E");font-family:Tahoma}body{min-height:100vh;max-width:125vh;margin:0 auto;color:dimgrey;box-shadow:-4px 0 3px}.bordercolour-1{border-color:#3366cc}.colour1{background-color:var(--colour1)}.colour2{background-color:var(--colour2)}h3{background:rgba(0,0,255,0.25)}h2,h3,p{padding:1rem}@media only screen and (min-width: 320px) and (max-width: 480px){.sidebar{width:100%}}.button a{font-size:2vh;font-weight:bold}nav .button{border-width:1px 1px 2px 3px;border-radius:2vh;cursor:pointer}header .splashcontainer,main span{border-width:1px 1px 3px 5px}nav .button:hover,.button .current,nav .button:active,nav .button,footer,header{background-color:#9d9dde;border-color:#e6e6fa #e6e6fa #483d8b #483d8b}nav .button:hover{background-color:#b5b5e5}.button .current,nav .button:active,nav .button{border-color:#483d8b #483d8b #e6e6fa #e6e6fa;border-width:2px 3px 1px 1px;box-shadow:0 0 0}header .splashcontainer,main span{color:#696969;background-color:#d3d3d3;border-color:#e6e6fa snow gray gray}footer span{height:100%;width:100%}header .splashcontainer{width:auto}header .splashcontainer{margin:20px}header .splashcontainer,main span{padding:20px}h3,header h1{text-align:center}h2,h3,p,.button a{color:#000}footer .copyright,header .splashcontainer{float:left}footer .credits{float:right}footer span{opacity:0.75}header{border-color:#36c}nav .button,header .splashcontainer,main span{box-shadow:-4px 4px 3px}.button,header .splashcontainer{display:flex;justify-content:center}.button,header .splashcontainer{align-items:center}footer{bottom:0;height:10vh;color:black;border-width:5px 0 0;max-width:125vh}header{top:0;height:23vh;border-width:0 0 20px;min-height:230px;align-content:flex-end}header h1{font-size:45px;font-style:bold;max-width:580px}header .splashcontainer{transform:rotate(-12deg) skew(-15.9deg) translatey(-4vh);height:70px;max-width:600px;min-width:0px}main{background-color:url(#f8f8ff);color:url(#696969);height:67vh;display:block;padding:20px, 30px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;background-color:blue;border:3px solid green}main span{height:60vh}.sidebar{max-width:200px}.content{min-width:460px;flex:1 1}nav{display:flex;color:url(#696969);flex-wrap:wrap}nav .button{height:4vh;width:150px;margin:0em auto}