body {
   background: black;
}
.head {
   border-radius: 30px;
   margin: 0 auto;
   width: 33%;
   text-align: center;
   font-size: 25px;
   color: white;
   background: blue;
}
.form {
   border-radius: 30px;
   margin: 0 auto;
   width: 30%;
   padding: 20px;   
   background: grey;
}
div, input, textarea {
   width: 98%;
   font-size: 18px;
   margin: 5px;
}
select, option {
   font-size: 18px;
}
.btn {
   background: blue;
   border-radius: 10px;
}
#info {
   border-radius: 10px;   
   border: 4px solid blue;
}
.is-invalid {
   border-radius: 10px;
   border: 5px solid red;
   color: black;
}
.is-valid {
   border-radius: 10px;
   border: 5px solid blue;
   color: blue;
}
a {
   color: white;   
}

a:hover {
   background: red;
      color: yellow;
}

.container {
   margin: 0 auto;
}

.out {
   margin: 0 0 10px 0;
}

.box {
   margin: 0 0 10px 0 ;
   font-size: 25px;   
   display: flex;
   justify-content: center;
}
.box>p {
   background: blue;
   margin: 0 10px;
   padding: 5px;
   border-radius: 10px;
   padding: 10px 20px 10px 20px;
}