@import url('https://fonts.googleapis.com/css2?family=Anybody:wght@200;350&display=swap');

body {
  /* This is the key change: a neutral fallback font */
  font-family: 'Anybody', sans-serif;
}

/* This @font-face rule is not needed as you are using Google Fonts with @import */
/* It is commented out for clarity.
@font-face {
  font-family: 'YourCursiveFont';
  src: url('path/to/your/cursive-font.woff2') format('woff2');
  font-display: swap; 
}
*/

input::placeholder {
  font-size: 10px;
}

#landingpage, .betaling {
  /* Add some space between the landingpage element and its children */
  margin:0px 0;
  width: 50%;
  /* Add some padding to the element */
  padding: 20px;
  /* Add a border */
  /* Add some rounded corners */
  border-radius: 5px;
  opacity: 0.8;
  text-align: left;
}

@media (max-width: 900px) {
  #landingpage {
    width: 100%;
  }
}

#Om_oss, #tjenester {
  margin-bottom: 20px;
}

p {
  line-height: 1.8;
  font-size: 15px;
}

#produkter {
  margin-top: 15px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 0px;
  /* 'font-weight: none' is an invalid value, use a number or keyword */
  font-weight: normal; 
  color:navy;
  opacity: 1.0;
}

h5 {
  margin-top: 0px;
  opacity: 1.0;
}

.superclass_nav {
  margin-bottom: 0px;
}

textarea {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
}

th {
  background-color: #f2f2f2;
  text-align: left;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}