* { margin: 0; padding: 0; box-sizing: border-box; }

.windsong-regular {
    font-family: "WindSong", cursive;
    font-weight: 400;
    font-style: normal;
  }
  
  .windsong-medium {
    font-family: "WindSong", cursive;
    font-weight: 500;
    font-style: normal;
  }

  body {
   font-family: Verdana, Geneva, Tahoma, sans-serif;   
   background-color: rgba(226, 110, 33, 0.932);
   color: #f9d9d9;
}

main {
   border: 1vw solid #c44d04ef;
   width: 80vw; aspect-ratio: 1/1; /* 80% of viewport width */
   margin: 10px auto; /*center a block */
   border-radius: 50%;
   position: absolute;
   top: 0; left: 50%;
   transform: translateX(-50%);
   overflow: hidden;
   background-image: url(../images/portfolio-pic.jpg);
   background-repeat: no-repeat;
   background-size: contain;
}

  header {
    font-family: Georgia, 'Times New Roman', Times, serif;
    letter-spacing: .5vw;
    border-bottom: 2px groove #763913;
    color: rgba(29, 118, 138, 0.552);
    font-weight: bold;
  }

  h1 {
   text-align: center;
   margin-top: 20vw;
   text-transform: uppercase;
   font-size: 4vw;
   background-color: rgba(227, 134, 73, 0.932);
   padding-top: 1vw;
   padding-bottom: 1vw;
   vertical-align: center;

}

p {
   text-align: center;
   font-size: 1vw;
   color: #f9d9d9;
   padding-left: 10vw;
   padding-right: 10vw;
   line-height: 1.5;
   margin-top: 0;
   margin-bottom: 0;
}

#samples {
   padding-top: 78vw;
   text-align: center;
   padding-left: 20vw;
   padding-right: 20vw;
}
      
h2 {
   font-family: Georgia, 'Times New Roman', Times, serif; 
   text-align: left;
   font-size: 3vw;
   padding-top: 22.75vw;
   padding-left: 5vw;  
}

#about-examples {
   padding:1vw 2vw 3vw;
}

#signature {
   text-align: right;
   padding-top: 1vw;
   padding-right: 18vw;
   font-family: windsong;
   font-size:4vw;
}

header {
   /*background-color: rgba(37, 154, 180, .4);*/
   color: rgba(37, 154, 180, .4);
   width: 100%;
   background-position: center; 
   margin-top: 1vw;
   padding: 1vw; 
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-size: 5vw;
   /*box-shadow: 0 0 8px 8px rgba(37, 154, 180, .4);*/
}

h3 {
   font-family: Georgia, 'Times New Roman', Times, serif;
   padding-top:.5vw;
   font-size: 2vw;
   text-align: center;
   color: #763913bf;
   margin-top: 1vw;
   margin-bottom: .5vw; 
}

nav {
   font-family: Georgia, 'Times New Roman', Times, serif;
   text-align: center;
   font-size: 1vw;
   font-weight: bold;
   white-space: nowrap;
   overflow-x: auto;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   gap: 1vw;
   margin-bottom: 2vw;  
   margin-top: 0.5vw; 
}


nav a {
   color: rgba(22, 87, 101, 0.6); 
   text-decoration: none;
   display: inline-block;
   border: none;
}

a:hover {
   color: rgba(59, 97, 106, 0.6);
   border-top: 2px dotted #763913;
   border-bottom:1px solid #763913;
}


 #samples {
    border: 1vw dotted #c44e04d1;
    width: 80vw; aspect-ratio: 1/1; 
    margin: 12px auto; 
    border-radius: 50%;
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
 }

 #samples p {
    color: #763913;
    margin-bottom: 1vw;
    line-height: 1.5;
 }

 footer {
    font-size: smaller;
    text-align: center;
    position: bottom; 
    padding-top: 4vw;
    margin-top: 135vw;
    padding-bottom: 3vw;
    background-color: #763913ad;
}

.hometown main {
   background-image: url(../images/osu.jpg);
}

.hometown h1 {
   text-align: center;
   color: black;
   margin-top: 10vw;
}


.hometown h2 {
   color: black;
   padding: 1vw 1vw 20vw 8vw;
   margin-top: 38vw;
   font-size: 2.5vw;
   text-align: left;
   background-color: rgba(227, 135, 73, 0.966);
}

.hometown .sentence-row {
   display: flex;
   justify-content: space-between;
   width: 100%;
}

.hometown .left {
   text-align: left;
   padding-left: 2vw; 
}

.hometown .right {
   text-align: right;
   padding-top:5vw;
   padding-right: 15vw;
   /* font-size: 2vw; */
}

.hometown #beaver {
   position: absolute; 
   top: 62vw;
   left:23vw;
   transform: rotate(17deg);
   opacity: 0.4;  
}

.hometown h3 {
   color: black;
   margin-top: 85vw;
   background-color: #763913b6;
   padding: 2vw 2vw 2vw 2vw;
   font-family: windsong;
   font-size: 3vw;
}

.hometown .corvallis-pic img{
   max-width: 20%; 
   height: auto;
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: .5vw;
}

.hometown figcaption {
   text-align: center;
   color: black;
   padding-bottom: 3vw;
}

.hometown .corvallis p {
   margin: 0 auto 1.5em;
   line-height: 1.6;
}

.hometown p {
   color: black;  
}

.hometown nav a {
   color: #763913;
}


.hometown footer {
   width: 100%;
}