/* Defines */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,700;1,100;1,400;1,700&display=swap");
* {
  margin: 0;
  padding: 0;
}

html {
  overflow-y: scroll;
}

html {
  overflow: -moz-scrollbars-vertical;
}

html {
  overflow-x: auto;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

a {
  text-decoration: none;
  color: #000;
}

div,
a,
p,
span,
nav,
input,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
ul,
form,
textarea {
  box-sizing: border-box;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  letter-spacing: 0.05rem;
  line-height: 1.5rem;
}

figure.image {
  display: inline-block;
}
figure.image figcaption {
  background: #efefef;
  border-radius: 0 0 5px 5px;
  padding: 5px;
}

img {
  max-width: 100%;
  border: none;
}

nav ul {
  list-style: none;
}

div {
  line-height: 1.4rem;
}

p {
  line-height: 1.4rem;
}

h2 {
  line-height: 2rem;
}

/* buttons */
.bt-primary-danger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: red;
  border: solid thin red;
  color: white;
}
.bt-primary-danger svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-primary-danger:hover {
  background: #ff8989;
  border: solid thin #ff8989;
}
.bt-primary-danger:visited {
  background: red;
  border: solid thin red;
}
.bt-primary-danger:active {
  background: #790000;
  border: solid thin #790000;
}
.bt-primary-danger:focus {
  border: solid thin #790000;
}

.bt-primary-success {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: green;
  border: solid thin green;
  color: white;
}
.bt-primary-success svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-primary-success:hover {
  background: #81ff81;
  border: solid thin #81ff81;
}
.bt-primary-success:visited {
  background: green;
  border: solid thin green;
}
.bt-primary-success:active {
  background: #006f00;
  border: solid thin #006f00;
}
.bt-primary-success:focus {
  border: solid thin #006f00;
}

.bt-primary-one {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: #333;
  border: solid thin #333;
  color: white;
}
.bt-primary-one svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-primary-one:hover {
  background: #4e4e4e;
  border: solid thin #4e4e4e;
}
.bt-primary-one:visited {
  background: #333;
  border: solid thin #333;
}
.bt-primary-one:active {
  background: #000;
  border: solid thin #000;
}
.bt-primary-one:focus {
  border: solid thin #000;
}

.bt-primary-warning {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: goldenrod;
  border: solid thin goldenrod;
  color: white;
}
.bt-primary-warning svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-primary-warning:hover {
  background: gold;
  border: solid thin gold;
}
.bt-primary-warning:visited {
  background: goldenrod;
  border: solid thin goldenrod;
}
.bt-primary-warning:active {
  background: darkgoldenrod;
  border: solid thin darkgoldenrod;
}
.bt-primary-warning:focus {
  border: solid thin darkgoldenrod;
}

.bt-secondary-danger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: none;
  color: red;
  border: solid thin red;
}
.bt-secondary-danger svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-secondary-danger:hover {
  background: none;
  color: #ff8989;
  border: solid thin #ff8989;
}
.bt-secondary-danger:visited {
  background: red;
  border: solid thin red;
}
.bt-secondary-danger:active {
  background: #790000;
  border: solid thin #790000;
}
.bt-secondary-danger:focus {
  border: solid thin #790000;
}

.bt-secondary-success {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: none;
  color: green;
  border: solid thin green;
}
.bt-secondary-success svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-secondary-success:hover {
  background: none;
  color: #81ff81;
  border: solid thin #81ff81;
}
.bt-secondary-success:visited {
  background: green;
  border: solid thin green;
}
.bt-secondary-success:active {
  background: #006f00;
  border: solid thin #006f00;
}
.bt-secondary-success:focus {
  border: solid thin #006f00;
}

.bt-secondary-warning {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: none;
  color: goldenrod;
  border: solid thin goldenrod;
}
.bt-secondary-warning svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-secondary-warning:hover {
  background: none;
  color: gold;
  border: solid thin gold;
}
.bt-secondary-warning:visited {
  background: goldenrod;
  border: solid thin goldenrod;
}
.bt-secondary-warning:active {
  background: darkgoldenrod;
  border: solid thin darkgoldenrod;
}
.bt-secondary-warning:focus {
  border: solid thin darkgoldenrod;
}

.bt-thirdary-info {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: none;
  color: blue;
  border: solid thin transparent;
}
.bt-thirdary-info svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-thirdary-info:hover {
  background: none;
  color: #8a8aff;
  border: solid thin transparent;
}
.bt-thirdary-info:visited {
  background: blue;
  border: solid thin blue;
}
.bt-thirdary-info:active {
  background: #02027b;
}
.bt-thirdary-info:focus {
  border: solid thin transparent;
  border-bottom: solid thin #8a8aff;
}

.bt-thirdary-danger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: none;
  color: red;
  border: solid thin transparent;
}
.bt-thirdary-danger svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-thirdary-danger:hover {
  background: none;
  color: #ff8989;
  border: solid thin transparent;
}
.bt-thirdary-danger:visited {
  background: red;
  border: solid thin red;
}
.bt-thirdary-danger:active {
  background: #790000;
  border: solid thin #790000;
}
.bt-thirdary-danger:focus {
  border: solid thin transparent;
  border-bottom: solid thin red;
}

.bt-thirdary-success {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: none;
  color: green;
  border: solid thin transparent;
}
.bt-thirdary-success svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-thirdary-success:hover {
  background: none;
  color: #81ff81;
  border: solid thin transparent;
}
.bt-thirdary-success:visited {
  background: green;
  border: solid thin green;
}
.bt-thirdary-success:active {
  background: #006f00;
  border: solid thin #006f00;
}
.bt-thirdary-success:focus {
  border: solid thin transparent;
  border-bottom: solid thin #81ff81;
}

.bt-thirdary-warning {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: none;
  color: goldenrod;
  border: solid thin transparent;
}
.bt-thirdary-warning svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-thirdary-warning:hover {
  background: none;
  color: gold;
  border: solid thin transparent;
}
.bt-thirdary-warning:visited {
  background: goldenrod;
  border: solid thin goldenrod;
}
.bt-thirdary-warning:active {
  background: darkgoldenrod;
  border: solid thin darkgoldenrod;
}
.bt-thirdary-warning:focus {
  border: solid thin transparent;
  border-bottom: solid thin goldenrod;
}

.bt-primary-one {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: #333;
  border: solid thin #333;
  color: white;
}
.bt-primary-one svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-primary-one:hover {
  background: #4e4e4e;
  border: solid thin #4e4e4e;
}
.bt-primary-one:visited {
  background: #333;
  border: solid thin #333;
}
.bt-primary-one:active {
  background: #000;
  border: solid thin #000;
}
.bt-primary-one:focus {
  border: solid thin #000;
}

.bt-secondary-one {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: none;
  color: #333;
  border: solid thin #333;
}
.bt-secondary-one svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-secondary-one:hover {
  background: none;
  color: #4e4e4e;
  border: solid thin #4e4e4e;
}
.bt-secondary-one:visited {
  background: #333;
  border: solid thin #333;
}
.bt-secondary-one:active {
  background: #000;
  border: solid thin #000;
}
.bt-secondary-one:focus {
  border: solid thin #000;
}

.bt-thirdary-one {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  background: none;
  color: #333;
  border: solid thin transparent;
}
.bt-thirdary-one svg {
  width: 0.7rem;
  margin-right: 5px;
}
.bt-thirdary-one:hover {
  background: none;
  color: #4e4e4e;
  border: solid thin transparent;
}
.bt-thirdary-one:visited {
  background: #333;
  border: solid thin #333;
}
.bt-thirdary-one:active {
  background: #000;
  border: solid thin #000;
}
.bt-thirdary-one:focus {
  border: solid thin transparent;
  border-bottom: solid thin #333;
}

body {
  letter-spacing: 0.025em;
  margin: 0;
  padding: 10px;
}
@media (prefers-color-scheme: dark) {
  body {
    background-color: #000;
  }
}
@media (prefers-color-scheme: light) {
  body {
    background-color: #f2f2f2;
  }
}

.content {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

main {
  max-width: 500px;
  border-radius: 18px;
  padding: 30px;
}
@media (prefers-color-scheme: dark) {
  main {
    background-color: #333;
  }
}
@media (prefers-color-scheme: light) {
  main {
    background-color: #fff;
  }
}
@media (min-width: 600px) {
  main {
    padding: 100px 80px;
  }
}

header {
  max-width: 1170px;
  margin: auto;
}

footer {
  max-width: 1170px;
  margin: auto;
  padding: 30px 0;
}

.menu ul {
  display: flex;
  align-items: center;
}
.menu ul li a {
  padding: 10px;
  display: block;
}
.menu ul li a svg {
  width: 1rem;
  height: 1rem;
}
.menu ul li a svg.logo {
  width: 3rem;
  height: 3rem;
}

form {
  margin: 30px 0;
}
form .input {
  position: relative;
  width: 50%;
}
form .input svg {
  position: absolute;
  left: 12px;
  top: 8px;
  width: 1.3rem;
  height: 1.3rem;
}
form .input input {
  padding: 5px 10px 5px 48px;
  border-radius: 5px;
  border: solid thin #ff8989;
  font-size: 1rem;
  line-height: 1.7rem;
  display: block;
  margin-top: 15px;
  width: 100%;
}
form .msg-error {
  background: #ff7878;
  color: #fff;
  margin-top: -5px;
  padding: 2px 15px;
  width: 100%;
  font-size: 0.8rem;
  border-radius: 0 0 5px 5px;
}
form .submit {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.title {
  margin-bottom: 10px;
}

.nothing-to-show {
  padding: 30px 0;
}

.entities {
  padding: 30px 0;
}
.entities .entity {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.entities .entity-head {
  display: flex;
  justify-content: space-around;
  padding: 0 0 10px 0;
}
.entities .entity-label {
  overflow: hidden;
}
.entities .id {
  width: 5%;
}
.entities .cod {
  width: 15%;
}
.entities .nick {
  width: 35%;
}
.entities .email {
  width: 35%;
}
.entities .actions {
  width: 10%;
}
.entities .pair {
  background: #ccc;
}
.entities .odd {
  background: none;
}

.contact-options {
  margin-top: 20px;
}
.contact-options ul {
  display: flex;
  flex-wrap: wrap;
}
.contact-options ul li {
  width: 100%;
  margin-bottom: 10px;
}
.contact-options ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.3;
  margin: 2px 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 18px;
  text-align: left;
  width: 100%;
  gap: 5px;
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.3rem;
}
.contact-options ul li a svg {
  width: 0.7rem;
  margin-right: 5px;
}
@media (prefers-color-scheme: dark) {
  .contact-options ul li a {
    background: #fff;
    border: solid thin #f2f2f2;
  }
}
@media (prefers-color-scheme: light) {
  .contact-options ul li a {
    background: #000;
    border: solid thin #000;
  }
}
.contact-options ul li a img {
  height: 1.5rem;
  width: auto;
}
.contact-options ul li a svg {
  height: 1rem;
  width: 1rem;
}
.contact-options ul li a.insta {
  background: #fff;
}
.contact-options ul li a.telegram {
  background: #30a3e6;
  color: #fff;
  border: solid thin #30a3e6;
}
.contact-options ul li a.whats {
  background: #368d7f;
  border: solid thin #30a3e6;
}
@media (prefers-color-scheme: dark) {
  .contact-options ul li a.whats {
    background: #fff;
    color: #000;
  }
  .contact-options ul li a.whats > img {
    background: #333;
    border-radius: 10px;
    padding: 5px 10px;
  }
  .contact-options ul li a.whats svg {
    fill: #000;
  }
}
.contact-options ul li a.phone {
  padding: 12px;
  border: #707070 solid thin;
}
@media (prefers-color-scheme: dark) {
  .contact-options ul li a.phone {
    background: #fff;
    color: #000;
  }
  .contact-options ul li a.phone svg {
    fill: #000;
  }
}
@media (prefers-color-scheme: light) {
  .contact-options ul li a.phone {
    background: #fff;
    color: #333;
  }
  .contact-options ul li a.phone svg {
    fill: #333;
  }
}
.contact-options ul li a.email {
  padding: 18px;
}
@media (prefers-color-scheme: dark) {
  .contact-options ul li a.email {
    background: #fff;
    color: #333;
  }
  .contact-options ul li a.email svg {
    fill: #333;
  }
}
@media (prefers-color-scheme: light) {
  .contact-options ul li a.email {
    background: none;
  }
  .contact-options ul li a.email svg {
    fill: #000;
  }
}
.contact-options ul li a.site {
  padding: 18px;
  border: #707070 solid thin;
}
@media (prefers-color-scheme: dark) {
  .contact-options ul li a.site {
    background: #333;
    color: #fff;
  }
  .contact-options ul li a.site svg {
    fill: #fff;
  }
}
@media (prefers-color-scheme: light) {
  .contact-options ul li a.site {
    background: #fff;
    color: #333;
  }
  .contact-options ul li a.site svg {
    fill: #333;
  }
}

.title-name {
  font-size: 2rem;
  line-height: 1.5rem;
  margin: 20px 0;
  display: flex;
  align-items: center;
}
@media (prefers-color-scheme: dark) {
  .title-name {
    color: #fff;
  }
  .title-name > img {
    filter: invert(1);
  }
}
@media (prefers-color-scheme: light) {
  .title-name {
    color: #333;
  }
}
.title-name > span {
  font-weight: bold;
}
@media (prefers-color-scheme: dark) {
  .title-name > span {
    color: #fff;
  }
}
.title-name svg {
  color: #fff;
  background: #fff;
  border-radius: 100%;
  margin: 0 15px 0 0;
}
.title-name > img {
  margin-right: 30px;
}

h2.title-subtitle {
  font-size: 1.5rem;
  margin-bottom: 5px;
  font-weight: normal;
}
@media (prefers-color-scheme: dark) {
  h2.title-subtitle {
    color: #fff;
  }
}
@media (prefers-color-scheme: light) {
  h2.title-subtitle {
    color: #333;
  }
}

h3.title-subtitle {
  font-size: 1.1rem;
  font-weight: normal;
}
@media (prefers-color-scheme: dark) {
  h3.title-subtitle {
    color: #fff;
  }
}
@media (prefers-color-scheme: light) {
  h3.title-subtitle {
    color: #333;
  }
}/*# sourceMappingURL=styles.css.map */