@import url('https://fonts.googleapis.com/css2?family=Lexend+Exa&family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}
/*
  2. Remove default margin
*/
* {
  margin: 0;
}
/*
  3. Allow percentage-based heights in the application
*/
html, body {
  height: 100%;
}
/*
  Typographic tweaks!
  4. Add accessible line-height
  5. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
/*
  6. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}
/*
  7. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit;
}
/*
  8. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}
/*
  9. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

br {
  height:10px
}

.content-item {
  margin-bottom:10px;
  width: 100%
}

div.header {
  background-color:#e1e1e1;
  padding:10px;
  padding-top:15px
}

h1 {
  font-family: Lexend;
  font-weight: 900;
}

h3 {
  font-weight: 700
}

div.content {
  font-family: Lexend;
  padding:10px;
}

textarea {
  font-family: "Lexend Exa";
  width:100%;
  height:300px;
}

input {
  font-family: "Lexend Exa";
}

button.thing {
  float:right;
  height:50px;
  width:150px;
}

.title {
  font-size:25px;
  font-weight:600;
  margin:10px;
  border-style: solid;
  border-width:1px;
  border-radius: 7px;
  border-color:#d9d9d9;
  padding:5px;
}

.text{
  font-size:18px;
  font-weight:600;
  margin:10px;
  border-style: solid;
  border-width:1px;
  border-radius: 7px;
  border-color:#d9d9d9;
  padding:5px;
}