@import "north.css";

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

.center{
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0;
  max-width: 980px;
}

.form {
    padding: 20px;
}

.form textarea {
  background-color: var(--nord3);
  border: 1px solid var(--nord6);
  border-radius: 5px;
  color: var(--nord6);
  resize: none;
}

.form-item {
    display: block;
    width: 100%;
    margin: 15px 0;
    box-sizing: border-box;
}

.btn{
  display: block;
  background-color: var(--nord3);
  border: 1px transparent solid;
  color: var(--nord6);
  border-radius: 5px;
  font-size: 2rem;
  width: 100%;
  text-align: center;
  font-family: sans-serif;
}

.file-input{
  position: relative;
}

.file-input span {
  position: absolute;
  top: 0;
  left: 0;
  user-select: none;
  z-index: -1;
}

.file-input input[type=file]{
  z-index: 2;
  opacity: 0;
  width: 100%;
  font-size: 2rem;
}

.submit {
  color: var(--nord14);
  padding: 0;
}

.bg{
  background-color: var(--nord1);
}