* {
list-style: "";
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: ubuntu;
transition: all 0.2s ease;
font-size: 0.5cm;
text-decoration: none;
text-align: center;
}

    p {
        width: 100%;
        padding: 20px;
        border: 2px solid #333;
        border-color: #77216F;
        border-radius: 10px;
        background-color: white;
        color: #E95420;;
    }
    #About {
      display: block;
      justify-content: center;
      align-items: center;
      width: 100%;
    }
    body, html {
        margin: 0;
        padding: 0;
        height: 100%;
    }
    video {
        top: 0;
        left: 0;
        width: 100%;
        min-width: 100%;
        min-height: 96%;
        height: 95%;
    }
    img {
     max-width: 100%;
     max-height: 100%
    }
body {
background-image: radial-gradient(circle at center, rgba(0,0,0,0.3) 1px, transparent 1px);
background-size: 0.5cm 0.5cm;
margin-top: 1.6cm;
}
#Title {
font-size: 1cm;
}
#Address {
display: flex;
align-items: center;
}
#Address::before {
content: "📍";
font-size: 1cm;
}
#PhoneNumber, #Price, #DropInPrice, #cash {
text-align: left;
}
#PhoneNumber::before {
content: "📲 ";
font-family: monospace;
font-size: 1cm;
}
#instructor > b {
font-size: 0.35cm;
}
#Instructor, #PaymentDetails, #Dates {
text-align: left;
list-style: "[+] ";
margin-left: 1cm;
padding-bottom: 0.25cm;
padding-top   : 0.25cm;
}

#p {
text-align: left;
margin-left: -0.7cm;
}
#q {
text-align: left;
margin-left: 2.7cm;
}

#EventTypes > li, #p, #q  {
font-size: 0.4cm;
display: inline-block;
padding-top: 0;
}
#Website {
margin: 1cm;
font-size: 0.35cm;
font-family: monospace;
}

#q {
text-align: right;
}

#date {
margin-left  : 1.5cm;
margin-right : 1.5cm;
margin-bottom: 0cm;
text-align: center;
border-top: 1px;
}

#date > b, #Address {
color: #E95420;
font-family: monospace;
}
#date > sup {
color: purple;
}
ol > li {
color: #333333;
margin-left  : 1.5cm;
margin-right : 1.5cm;
margin-bottom: 0.5cm;
}
#Price {
list-style: "Price : ";
text-align: left;
padding: 0.25cm;
list-style-position: initial;
list-style-image: initial;
margin-left: 2.2cm;
}
#DropInPrice {
list-style: "DropIn : ";
text-align: left;
padding: 0.25cm;
list-style-position: initial;
list-style-image: initial;
margin-left: 2.2cm;
}
#Cash {
list-style: "Accepts : ";
text-align: left;
padding: 0.25cm;
list-style-position: initial;
list-style-image: initial;
margin-left: 2.2cm;
}

ul > li {
list-style: "";
list-style-position: initial;
list-style-image: initial;
margin-left  : 0.3cm;
margin-right : 0.3cm;
margin-bottom: 0.5cm;
}
div {
margin: 0 auto;
max-width: 10cm;
}
nav {
top: 0;
left: 0;
position: fixed;
width: 100%;
background-color: #77216F;
padding: 0.1cm;
text-align: center;
font-size: 0.5cm;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
nav > a > li {
display: inline-block;
padding: 0 10px;
color: white;
text-transform: uppercase;
}
nav > a > li:hover, #Date:hover {
color: #77216F;
background-color: white;
border-radius: 0.07cm;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}


details:hover, ul > a > li:hover, #EventTypes > li:hover {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 0;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}