/* Generic */
body {
  margin: 0px auto;
  padding: 0px;
  color: #000;
  background-color: #fff;
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
  line-height: 1.0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  max-width: 800px;
}

a:link { text-decoration:none; font-weight:normal; color:#000000; }
a:visited { text-decoration:none; font-weight:normal; color:#000000; }
a:hover { text-decoration:none; font-weight:normal; background-color:#aaa; }
a:active { text-decoration:none; font-weight:normal; background-color:#555; }
a:focus { text-decoration:none; font-weight:normal; background-color:#bbb; }

.fullport {
    display: flex;
    height: 75vh;
    width: auto;
}

.fullland {
    display: flex;
    height: auto;
    width: 94vw;
    max-width: 800px;
}

.textframe {
    float: center;
    font-size: 1rem;
    height: 70vh;
    width: 90vw;
    max-width: 600px;
}

/* Tablets */
@media screen and (min-width:38.75em) {
   .header {
     float: center;
     width: 100%;
   }
}

/* Desktop */
@media screen and (min-width: 45em) {
   .container {
     background: #fff; 
     max-width: 960px;
     margin: 2em auto;
   }

   .content {
     width: 60%;
     float: right;
   }

   .sidebar {
     background: #fff;
     width: 40%; 
     float: left;
     padding: 1.5rem 0 2rem 0;
   }
}