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

html{
  Scroll-behavior: smooth;
width:100%;
overflow-x:hidden;
background-color: rgb(8, 8, 129);
}
header{
    background: rgb(168, 109, 0);
}
.support{
    width: 10rem;
    padding: 0.5rem;
    border-radius: 5rem;
}
#app_name{
    font-size: 3rem;
}
.nav{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    text-align: center;
    gap: 1rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
nav{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr ;
    justify-items: center;
    text-align: center;
}
p{
    font-size: 1.5rem;
    padding: 0.5rem;
}

main{
    color: white;
    display: grid;
    grid-template-columns: 1fr;
    border: solid purple;
    margin: 4vw;
}
.text{
    margin: 4vw;
    display: grid;
    grid-template-columns: 1fr ;
    justify-items: center;
    text-align: center;
    border: solid red;
    font-size: 2rem;
    padding: 0.5rem;
}
.tiny{
    font-size: 1.3rem;
    padding: 0.5rem
}
button{
  margin-left:9vw ;
  margin-right: 9vw;
  margin-bottom: 2vw;
  margin-top: -2vw;
  padding: 0.5rem;
  font-size: 2rem;
  border-radius: 50rem;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  background-color: orange;

}
.placement-grid1{
     display: grid;
    grid-template-columns: 1fr ;
    justify-items: center;
}
.book_cover{
    width: 50rem;
    height: 100%;
    align-content: center;
    border: solid orange 0.5rem;
    border-radius: 4rem;
}
 @media screen and (max-width: 779px) {
     .book_cover {
      width: 20rem;
     
     }
     nav{
        display: none;
     }
    }