* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


    



a {
    text-decoration: none;
    text-align: left;
    padding-right: 20px;
    font-size: 4vh;
    border-right: 1px;
    border-color: rgba(48, 5, 47, 0.463);
    border-style: solid;
    color: #000000;
   
  
  

}

a:hover{
    color: #FFB6d5;
}

nav{
    background-color: hotpink;
      max-width: 100%;
      width: 100%;
      height: auto;
      font-size: 2vw;
      padding-left: 2%;
      position: fixed;
  }


h1{
    text-align: center;
    font-size: 6vw;
    color: hotpink;
    font-family: 'Clicker Script', cursive;
 
    
 

}

.name{
    border-bottom: solid hotpink;
}
p{
    text-align: left;
    font-size: 2vw;
    padding-left: 1vw;
}

.main img{
    margin: auto;
    width: 30%;
    border-radius: 50%;

    border:hotpink 2px solid;
    box-shadow: 0 4px 12px 0 hotpink;

    
}

.main{
    
    display: flex;
    border-bottom: solid hotpink;
    padding-bottom: 5vh;
   
}

.poem{
   display: flex;
   justify-content: center;
   background-repeat: no-repeat;
   font-family: 'Crafty Girls', cursive;
}

.map{
    border: solid gray 5px;
    box-shadow: 0 8px 16px 0 darkgray ;
}





@media only screen and (min-width: 480px) and (max-width: 1500x) {
    /* ruleset for 480px - 600px */
}