style.css

@font-face {
  font-family: "Computer Modern";
  src: url('cmunbmr.otf');
}


body {
    margin-left: 18%;
    margin-right: 18%;
    text-align:center;
    font-size: 15px;
    font-family: "Computer Modern";
  }

h1 {
  margin-bottom:10px
  text-align: center;
  font-size: 36px;
  opacity: 1;
}

h2 {
  margin-right:10px;
  display:inline-block;
  text-align: center;
  font-size: 25px;
  /* opacity: 0.5; */

}

a {
  text-decoration:none
}

a.inactiveLink {
   pointer-events: none;
   cursor: default;
}

p.blog {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 70%;
}

p.shrug{
  font-size: 900%;
  line-height: 1%;
  height: 1%;
}

#profile{
  width:20%;
  height:auto;
}

#logo{
  width:4%;
  height:auto;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
}

@media (max-width: 600px) {
  #profile{
      width: 40%;
      height: auto;
    }

  p.blog {
    font-size: 5vw;
    margin-left: -20%;
    margin-right: 0%;
    text-align: left;
    width: 140%;
    }

  #logo{
    width:6%;
    height:auto;
  }

  h1 {
    margin-bottom:10px
    text-align: center;
    font-size: 26px;
    opacity: 1;
  }
}