@charset "UTF-8";

.footer {
    color: white;
    flex-direction: row;
    font-size: 0.8em;
    margin-top: 20px;
}

.details {
    /* display: flex; */
    justify-content: space-between;
}
.ip ul {
    margin: unset;
    padding-left: 10px;
    line-height: 1.4em;
    /* margin-left: 3px; */
    list-style-type: none;
}
.contacts ul {
    margin: unset;
    padding-left: 10px;
    list-style-type: none;
}

.contacts .title + div :nth-child(1):before {
    content: "\2709";
    margin-right: 5px;
    color: green;
    /* font-size: 1.5em; */
}
.contacts .title + div :nth-child(2):before  {
    content: "\2706";
    margin-right: 5px;
    color: green;
    /* font-size: 1.5em;     */
}
.contacts .title + div :nth-child(3):before  {
    content: "\1F551";
    margin-right: 5px;
    color: green;
    /* font-size: 1.5em; */
}

table {
    color: white;
    width: 100%;
    max-width: 400px;
    margin-top: 20px;
}
tbody tr:nth-child(even) {
  /* background-color: #655b54; */
  color: #c5b797;
}

caption {
    font-size: 1.5em;
}

.ip {
    margin-top: 10px;
    color: #958f87;
}

div#record {
    /* margin: auto; */
    /* outline: red solid 1px; */
    align-items: center;
    position: relative;
    display: flex;
    justify-content: center;
    /* height: 1.5em; */
}

#record a {
    color: white;
    background-color: #405263;
    box-shadow: rgb(215 205 205 / 35%) 4px 5px 5px;
    border-radius: 10px;
    padding: 5px 30px;
    margin: 5px;
    text-decoration: none;
    font-family: Roboto,Helvetica,Arial;
    position: relative;
    font-weight: 700;
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.woff2);
    /* src: url(/s/fonts/icons.eot?121#iefix) format("embedded-opentype"),url(/s/fonts/icons.woff2?121) format("woff2"),url(/s/fonts/icons.woff?121) format("woff"),url(/s/fonts/icons.ttf?121) format("truetype"); */
    font-weight: 400;
    font-style: normal;
    font-display: block
}

/* .fab,.fai {
    font-family: icons!important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    speak: none
} */
#record a:before {
    font-family: icons;
    content: "\e001";
    position: absolute;
    left: 5px;
    color: #6edd79;
    font-weight: 700;
}