@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
body {
    font-family: "Lato";
    line-height: 2em;
    margin:3em;
}

h1 {
    color: rgba(0, 183, 255, 0.74);
    border-bottom: 3px solid rgba(0, 183, 255, 0.74);
    padding-bottom: 10px;
}

h2 {
    color: rgba(0, 183, 255, 0.74);
    border-top: 1px solid rgba(0, 183, 255, 0.74);   
    padding-top: 10px;
}

td {
    vertical-align:top;
    padding-bottom: 1em;
}

p {
    margin:0.5em;
}

td:first-child {
    width:10em;
    padding-bottom: 0.5em;
}
.first {
    height:20em;
}

.intro {
    display:inline-block;
    width:80%;
}

.photo {
    float: right;
    margin-top: 5em;
    margin-right: 2em;
    transition: left 3s ease-in;
    box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
    animation: float 6s ease-in-out infinite;
  }
  
  @keyframes float {
    0% {
      box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
      transform: translatey(0px);
    }
    50% {
      box-shadow: 0 100px 15px 0px rgba(0,0,0,0.2);
      transform: translatey(-95px);
    }
    100% {
      box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
      transform: translatey(0px);
    }
}