body {background-color: black;}


@media (min-width:1025px) {

h1 {color: white;}

p {color: blue; font-size: 25px;}

a {color: white;}

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

.logo {
margin-top: 10%;

}

.center {
width: 60%;
margin: 0;
}

.form {
border: 5px;
margin: 0;
}

input[type=text] {
  width: 40%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  background-color: black;
  color: white;
}

input[type=password] {
  width: 40%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  background-color: black;
  color: white;
}

}

@media (min-width:380px) and (max-width:1024px) {


h1 {color: white;}

p {color: white; font-size: 35px;}

a {color: white; font-size: 35px;}

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

.logo {
margin-top: 10%;

}

.center {
width: 100%;
margin: 0;
}

.form {
border: 5px;
margin: 0;
}

input[type=text] {
  width: 100%;
  height: 5%;
  
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  background-color: black;
  color: white;
}

input[type=password] {
  width: 100%;
  height: 5%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  background-color: black;
  color: white;

}


input,
input::placeholder {
    font-size: 35px;
}


.custom-select {
  font-family: Arial;
  font-size: 30px;
  width: 100%;
}

}