body {

  background:#041020;

  color:white;

  font-family:Segoe UI,sans-serif;

}

.container {

  width:900px;

  margin:auto;

  text-align:center;

}

textarea {

  width:100%;

  height:140px;

  margin:20px 0;

}

select {

  width:250px;

  height:40px;

}

button {

  background:#0099D8;

  color:white;

  border:none;

  padding:15px 40px;

  cursor:pointer;

}

.footer {

    margin-top: 25px;

    text-align: center;

    color: #ffffff;

    font-size: 14px;

    line-height: 1.6;

    opacity: .9;
}

h1 {

    font-size: 42px;
}

.logo {

    max-height: 160px;

    width: auto;

    display: block;

    margin: 0 auto 15px auto;

    cursor: pointer;

}

.secret-box {

    background: white;

    border-radius: 8px;

    padding: 20px;

    color: black;

    text-align: left;

    margin-top: 20px;

    min-height: 80px;

    width: 100%;
}

.secret-box pre {

    margin: 0;

    white-space: pre-wrap;

    word-break: break-word;

    font-family: Segoe UI, sans-serif;
}

.info {

    margin-top: 20px;

    font-size: 20px;
}

.footer {

    text-align: center;

    margin-top: 25px;

    line-height: 1.6;

    color: white;
}

.footer a {

    color: #ffffff;

    text-decoration: none;

    font-weight: 600;
}

.footer a:hover {

    color: #0099D8;

    text-decoration: underline;
}

.link-box {

    width: 100%;

    padding: 15px;

    border-radius: 6px;

    border: none;

    font-size: 18px;

    margin-top: 20px;

    margin-bottom: 20px;
}

.button-link {

    display: inline-block;

    background: #0099D8;

    color: white;

    padding: 12px 25px;

    text-decoration: none;

    border-radius: 6px;
}

.button-link:hover {

    background: #082C45;
}

.warning {

    color: #ffc107;

    font-weight: bold;

    text-align: center;

    margin: 20px auto;

    display: block;

}