div {display:flex;}

header {width:80%;height:150px;
        background-image: url(/radiohead/header.jpg);
        background-size:cover;
        background-position-y: 35%;
        border-radius:20px;
        box-shadow: 0px 0px 20px inset #e8e8e8;
        margin-bottom: 3vw}

.sidebar{border-style:ridge;
       font-size:15px;
       border-width:5px;
       border-radius:5px;
       background-color: #e8e8e8;
       border-color: white;
       width:170px;
       color:#0c1282;
       font-family:verdana;
       height:100%;
       display:flex;
       box-shadow:0px 1px 10px #0c1282}

a {color:blue;
   font-family:monospace;
   text-decoration:none}

.main {border-style:ridge;
       font-size:15px;
       border-width:5px;
       border-radius:5px;
       background-color: white;
       border-color: white;
       width:90%;
       height:100%;
       min-height:475px;
       color:#0c1282;
       font-family:verdana;
       display:inline;
       padding-left:10px;
       padding-right:10px;
       box-shadow:0px 1px 10px #0c1282}

body {background-color: #fbfbfb;
      opacity: 1;
      background-size: 5px 5px;
      background-image:  repeating-linear-gradient(0deg, #a3a3a3, #a3a3a3 0.5px, #fbfbfb 0.5px, #fbfbfb);}

li {padding-bottom: 10px}

li::marker {content:'⤹'; font-size:20px;}

h1 {font-family:sans-serif;
    font-style:italic;
    font-size:2.2vw;
    color:#abaae6; 
    filter:drop-shadow(0px 0px 1px #0c1282) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px #0c1282) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(1px 0px 0px #0000004d);
    position:absolute;
    top:130px;
    left:50vw}

h2 {position:absolute;
    font-family: sans-serif;
    font-size:1.5vw;
    left:52vw;
    top:163px;
    color:#0c1282}

li:hover{text-shadow: 0px 0px 2px }

iframe {width:100%;
        height:100%;
        border:none}