* {
  margin: 0;
  padding: 0;
  cursor: none;
  
}
.cursor {
  position: fixed;
  pointer-events: none;
  width: 32px;
  height: 32px;
  background-image: url('/img/cursors/cursor.gif');
  background-size: cover;
  z-index: 9999;
}

body {
    color: rgb(247, 207, 133);
    background: rgb(44, 30, 66);
    margin: 0px; 
    font-family:  Arial, Helvetica, sans-serif, Tahoma, Verdana, "Times New Roman";
    height: 100;
    
}

header {

    padding: 25px;
}

h1 {
    text-align: center;
    font-family:  'Times New Roman', Times, serif;
    font-weight:bolder;
}

h2 {
    text-align: center;
}

h3 {
    text-align: center;
}

p {
    color:  rgb(211, 204, 185);
    padding: 40;
}

.wisper {
    color: rgb(139, 132, 111);
    font-size: 0.9em;
}

.center {

    text-align: center;
}

form {

    padding: 30px;
}

.bbb {

    padding: 10px;
    margin: 0;
    height: 20px;
    width: 40px;
    color: rgb(220, 240, 175);
    background: rgb(11, 116, 98);
    border-radius: 15px;
}

.pq {

    width: 115px;
}

.names {

    display: flex;
    justify-content: space-evenly;
    padding: 0px;
    margin: 0px;
    gap: 10px 10px;
    height: 100px;
}

.nome1 {
    padding: 0px;
    margin: 0px;
    display: grid;
    width: 25%;
}

.nome2 {
    padding: 0px;
    margin: 0px;
    display: grid;
    width: 25%;
}




label {
    font-weight: bolder;
    font-family:  Arial, Helvetica, sans-serif, Tahoma, Verdana, "Times New Roman";
}

input {
    
    color: black;
    background: rgb(248, 235, 191);
    border-radius: 50px;
    border: solid 2px rgb(37, 35, 184);
    margin-bottom: 25px;
    padding: 5px;
}

.bt {
    height: 20px;
    padding: 0px;
    margin: 10px 0px 10px 0px;
    border: dotted 5px red;
}

.nn {
    
    display: inline-flex;
    width: 100px;
    justify-content: center;
}

.no {
     padding: 5px;
    margin: 0px;
    
}

.yy{
    
    display: inline-flex;
    width: 100px;
    justify-content: center;

}

.yes  {
    padding: 5px;
    margin: 0px;
    
}

.message {
    color: black;
    background: rgb(248, 235, 191);
    border-radius: 20px;
    padding: 15px;
}

select {
    color: rgb(60, 50, 102);
    background: rgb(249, 255, 165);
    font-weight: bolder;
    font-family:  Arial, Helvetica, sans-serif, Tahoma, Verdana, "Times New Roman";
}

button {
   background: rgb(107, 93, 170);
    color: rgb(236, 197, 213);
    border: solid, 2px, rgb(214, 154, 41);
    width: 120px;
    height: 50px;
    font-size: 1em;
    border-radius: 50px;
    font-weight: bolder;
    
}

.top {
    position: fixed;
    bottom: 20px;
    right: 25px;
}

.quadro {
    text-align: center;
    color: rgb(162, 15, 207);
}

.icon {
    height: 200px;
    border: solid, 10px;
    border-radius: 200px;
}

img {
    height: 300;
    border-radius: 50px;
    margin: 10px;
}

.inv {
    display: none;

}

.vis {
    display: inline-flex;
}



.link {
color: rgb(236, 197, 213);
text-decoration: none;
}

footer {
    margin-top: 10%;
    
    padding: 5px 5px 10px 15px;
    background-color: rgb(97, 39, 102);
}