style.css

 @media (prefers-reduced-motion: no-preference) {
   * {
     scroll-behavior: smooth;
   }
 }

 /* scroll-bar styling */
 ::-webkit-scrollbar {
   width: 0.8vw;
 }

 ::-webkit-scrollbar-thumb {
   background: #d0d0d5;
   border-radius: 10px;
   height: 2rem;
   border: 2px solid transparent;
   background-clip: content-box;
 }

 ::-webkit-scrollbar-track {
   background: #0a0a23;
   border-radius: 10px;
 }

 ::-webkit-scrollbar-thumb:hover {
   background: #2a2a40;
 }

 ::-webkit-scrollbar-track:hover {
   background-color: #d0d0d5;
 }

 /* Page Styling */
 body {
   background: #f5f6f7;
   color: #1b1b32;
   font-family: Helvetica;
   margin: 0;
 }

 header {
   width: 100%;
   height: 50px;
   background-color: #1b1b32;
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: fixed;
   top: 0;
 }

 #logo {
   width: max(100px, 18vw);
   background-color: #0a0a23;
   aspect-ratio: 35 / 4;
   padding: 0.4rem;
 }

 h1 {
   color: #f1be32;
   font-size: min(2vw, 1.2em);
   text-align: center;
 }

 nav {
   width: 50%;
   max-width: 300px;
   height: 50px;
 }

 nav>ul {
   display: flex;
   justify-content: space-evenly;
   flex-wrap: wrap;
   align-items: center;
   padding-inline-start: 0;
   margin-block: 0;
   height: 100%;
 }

 nav>ul>li {
   color: #dfdfe2;
    font-size: min(2vw, 1.2em);
   margin: 0 0.2rem;
   padding: 0.2rem;
   display: block;
 }

 nav>ul>li:hover {
   background-color: #dfdfe2;
   color: #1b1b32;
   cursor: pointer;
 }

 nav>ul>li>a {
   color: inherit;
   text-decoration: none;
 }

 main {
   /* border: 2px solid grey; */
   padding-top: 50px;
 }

 section {
   /* border: 2px solid grey; */
   width: 80%;
   margin: 0 auto 10px auto;
   max-width: 600px;
 }

 h1,
 h2 {
   font-family: Verdana, Tahoma;
 }

 h2 {
   border-bottom: 4px solid #dfdfe2;
   margin-top: 0px;
   padding-top: 60px;
 }

 .info {
   padding: 10px 0 0 5px;
 }

 .formrow {
   margin-top: 30px;
   padding: 0px 15px;
 }

 input {
   font-size: 16px;
 }

 .info label,
 .info input {
   display: inline-block;
   }

 .info input {
   width: 50%;
   text-align: left;
 }

 .info label {
   width: 10%;
   min-width: 55px;
   text-align: right;
 }

 .question-block {
  text-align: left;
   display: block;
   width: 100%;
   margin-top: 20px;
   padding-top: 5px;
 }

 p {
   margin-top: 5px;
   padding-left: 15px;
   font-size: 20px;
 }

 p::before {
   content: "Question #";
 }

 .question {
   border: none;
   padding-bottom: 0px;
 }

 .answers-list {
   list-style: none;
   padding: 0;
 }
 textarea{
  resize: both;
  max-width: 350px;
 }

 button {
   display: block;
   margin: 40px auto;
   width: 40%;
   padding: 15px;
   font-size: 23px;
   background: #d0d0d5;
   border: 3px solid #3b3b4f;
 }

 footer {
   background-color: #2a2a40;
   display: flex;
   justify-content: center;
 }

footer,
 footer a {
   color: #dfdfe2;
 }

 address {
   text-align: center;
   padding: 0.3em;
 }

 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border: 0;
 }