@font-face {
  font-family: bebas;
  src: url(Bebas-Regular.ttf);
}

body{
  background: url('background.jpg');
  background-size: 200px 200px;
  font-family: arial;
  text-align: center;
  color: #3e3e3e;
  font-size: 1em;
}

h1{
  font-family: bebas;
  font-size: 4em;
}

body > p {
  margin: auto;
}

p a{
  font-style: normal;
  color: black;
}

#resume{
  max-width: 1100px;
  width: 90%;
  padding: 20px;
  background: #7fbfdb;
  border-radius: 10px 10px;
  margin: auto;
  line-height: 1.4em;
  box-shadow: 0px 0px 12px 0px #8484846b;
  font-size: 1em;
}

#features div{
  background-color: #edd2a7;
  text-align: left;
  width: 85%;
  max-width: 850px;
  margin: 50px auto;
  border-radius: 10px 10px;
  overflow: hidden;
  box-shadow: 0px 0px 12px 0px #8484846b;
}

#features div img{
  display: inline-block;
  max-width: 380px;
  vertical-align: middle;
}

#features div p{
  display: inline-block;
  vertical-align: middle;
  margin: auto;
  text-align: justify;
  width: calc(100% - 430px);
  padding: 20px;
  line-height: 1.4em;
  font-size: 1em;
}

#access {
  margin-top: 70px;
  margin-bottom: 100px;
}

#access div a {
  color: #4e4e4e;
  text-decoration: none;
  font-size: 1.2em;
}

#access div span {
  font-weight: bold;
}

#access div {
  width: auto;
  display: inline-block;
  padding: 20px 40px;
  background: #7fbfdb;
  border-radius: 6px 6px;
  margin: 20px 20px;
  box-shadow: 0px 0px 12px 0px #8484846b;
}

#paper{
  background: #b69688!important;
}

#paper a{
  font-weight: bold;
  color: white!important;
}

@media screen and (max-aspect-ratio: 8/9) {
  body{
    font-size: 1.6em;
  }

  h1{
  }

  #resume{
    width: 95%;
    padding: 10px;
  }

  #features div{
    width: 90%;
    max-width: 850px;
    margin: 40px auto;
  }

  #features div img{
    display: block;
    width: 100%;
    max-width: 100%;
  }

  #features div p{
    display: inline-block;
    width: calc(100% - 40px);
    padding: 20px;
  }

  #access {
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 1em!important;
  }

  #access div a {
    text-decoration: none;
    font-size: 1em!important;
  }

  #access div a span {
    font-size: 1em!important;
  }

  #access div {
    display: block;
    padding: 20px 40px;
    font-size: 1em!important;
  }
}