css.css

body{
  background-image: url("https://image.ibb.co/cnH2Fx/pattern1.png");
  font-family: "Almendra";
  font-size: 0.5em;
}

.sticky {
  position: sticky;
  top: 0;
  background-color: rgb(0, 0, 0);
  /*display: table;  /* Allow the centering to work */
  width: 100%;
  border-radius: 0%;
}

#title {
  padding: 0.4% 0;
}

#title li {
  display: inline;
  /*font-family:"<link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700" rel="stylesheet">";*/
  font-size: 2.5em;
  margin: 5%; /* 6x+3words=100%  x=8 */
  /*padding:10px;*/
  top: 0px;
  text-align: center;
}

li a:link {
  color: rgb(245, 245, 245);
  text-decoration: none;
}

li a:visited {
  color: rgb(245, 245, 245);
}

li a:hover {
  background-color: rgb(60, 60, 60);
  transition: 0.4s ease;
  border-radius: 10%;
}

li a:active {
  color: rgb(245, 245, 245);
}


.column {
  /* equation: (margin*4)+(width*2)=100% */
  float: left;
  width: 40%;
  margin: 5%;
}

.container {
  position: relative;
  box-shadow: 5px 10px 8px 10px #888888;
  border-radius: 50%;
}

.container:hover .members {
  opacity: 0.6;
}

.container:hover .middle {
  opacity: 0.8;
}

.members {
  border: 2px solid black;
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.middle {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 8px;
}

.name {
  background-color: black;
  color: rgb(245, 245, 245);
  font-size: 1.5em;
  padding: 5% 10%;
  border-radius: 10%;
}

iframe {
  display: block;
  margin: 0 auto; /* 0-top&bottom, auto-left&right */
}

.albums {
  width: 400px;
  margin: 20px;
  border: 2px solid black;
  box-shadow: 5px 10px 8px 10px #888888;
}

p {
  color: rgb(6, 56, 115);
  margin: 2%;
  line-height: 1.6;
  font-size: 17px;
}

#Introduction {
  color: rgb(32, 27, 33);
  font-size: 2.5em;
}
#Tickets{
  color: rgb(32, 27, 33);
  font-size: 2.5em;
}
#location{
  float: left;
  color: rgb(32, 27, 33);
  font-size: 2.5em;
}
#mail{
text-align: center;
color: rgb(32, 27, 33);
font-size: 2.5em; 
}
.right {
  float: right;
  width: 25%;
  margin: 2% 0% 2% 2%;
  border-radius: 6%;
}
/**
.left {
  float: left;
  width: 25%;
  margin: 2% 2% 2% 0%;
  border-radius: 6%;
}
**/

strong {
  color: rgb(200, 0, 0);
  font-size: 1.5em;
}

#infographic {
  border-radius: 0; /* id is more specialised than class */
}

.question{
    font-weight: 600;
}
.answers {
  margin-bottom: 20px;
}
.answers label{
  display: block;
}
button{
  font-family: 'Work Sans', sans-serif;
  font-size: 22px;
  background-color: #279;
  color: #fff;
  border: 0px;
  border-radius: 3px;
  padding: 20px;
  cursor: pointer;
  margin-bottom: 20px;
}
button:hover{
  background-color: #38a;
}
#submit{
    font-family: sans-serif;
    font-size: 20px;
    background-color: #279;
    color: #fff;
    border: 0px;
    border-radius: 3px;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 20px;
}
#submit:hover{
    background-color: #38a;
}