styles.css

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@900&display=swap');

h1{
    font-family: 'Noto Serif Display', serif;
    color:#ffd6cc  !important;
    font-size:350%;
    text-align: center;
    margin-top: 10%;
    overflow-wrap: normal;
}
.subheading{
  
  font-family: 'Noto Serif Display', serif;
  color:hsl(0, 0%, 16%)  !important;
  font-size: 175%;
  text-align: center;
  margin-bottom: 5%;
  overflow-wrap: normal;
}
p{
  font-size: 80%;
  position: absolute;
  right: 0;
  margin-right: 1%;
  margin-top: 1.31%;
  top:0;
  z-index:1;
  padding:0;
  font-family: 'Noto Serif Display', serif;
  color:hsl(0, 0%, 19%)  !important;
  overflow-wrap: normal;
}

a, a:hover, a:focus, a:active {
  text-decoration: none;
  text-decoration: underline;
  color: inherit;
}
a:hover {
  color:#ffffff;
}


.link {
  font-size: 80%;
  position: absolute;
  right: 1;
  margin-top: 1.31%;
  margin-left: 1%;
  top:0;
  z-index:1;
  padding:0;
  font-family: 'Noto Serif Display', serif;
  color:hsl(0, 0%, 19%)  !important;
}
body{
    background-color: #ec562f  !important;
}
button {
    background-color: #ec562f  !important; /* Green */
    border: none;
    color: rgb(253, 211, 211)!important;
    padding: 15px 32px;
    text-align: center;
    font-family: 'Noto Serif Display', serif;
    font-size: 18px;
    margin:auto;
    display:block;
    position: relative;
    top: 50%;
  }
  button:hover{
    background: rgb(221, 20, 20)  !important;
  }
  img {
    display: block;
    margin: 0 auto;
     margin-top: 5%;
     margin-bottom: 10%;
  }
  .showcase {
    width : 90%;
    height: 90%;
  }
  /* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: rgb(255, 255, 255); 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: hsl(0, 0%, 91%); 
}