* {
  box-sizing: border-box;
}

body  {
      background-image: url("background.png");
      background-repeat: no-repeat;
      background-size: cover;
      padding-left: 12em;
      padding-right: 12em;
      font-family: 'atmaregular';
}

a     {
  text-decoration: none;
}

hr  {
  color:#ff3371;
}

h2  {
		font-family: 'sour_gummyblack';
}

#container	{
		width: 70%;
		margin: 10px auto;
		background-color: black;
		color: red;
		border: 1px solid red;
		line-height: 130%;
		font-family: 'atmaregular';
}

#top		{
		background-color:#ff3371;
    padding: .2em;
    align-content: center;
    font-family: 'sour_gummyblack';
    font-size: 2.5em;
}

#footer		{
		clear: both;
		margin: 0;
		padding: .5em;
		color: white;
		background-color: red;
		border-top: 1px solid red;
		font-family: 'sour_gummyblack';
}

#side {
  border: 1px solid #ff3371;
  float:left;
  width: 20%;
  padding: .8em;
  background-color:white;
}

#content  {
    width: 100%;
    float:left;
    background-color:#FFC0CB;
    font-family: 'atmaregular';
}

.wrapper {
  display: grid;
  grid-template-columns: auto auto;
}

mark  {
  background-color:#FF69B4;
}