#myDiv > p {
    animation: myMove 4s;
    animation-fill-mode: forwards;
}

@keyframes myMove {
    100% {
        border-left: 15px solid #002046FF;
    }

}

.standard-padding {
    padding-left: 5%;
    padding-right: 5%;
}

.universal-section h1 {
    font-family: "kilowattregular", serif;
    letter-spacing: .05em;
    color: #ffffff;
    font-size: 4em;
    font-weight: 700;
    margin: 20px 0 0 0;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, .4);
}

.universal-section h2 {
    font-family: "kilowattregular", serif;
    letter-spacing: .05em;
    color: #ffffff;
    font-size: 3em;
    font-weight: 700;
    margin: 30px;
    /*text-shadow: 4px 4px 8px rgba(0, 0, 0, .4);*/
}


.universal-section p {
    font-family: Lora, serif;
    color: #ffffff;
    font-size: 1em;
    margin: 30px 0;
    line-height: 1.5;
    background-color: #23252b;
}

.universal-section .one {
    font-size: .8em;
}

.universal-section p {
    font-family: Lora, serif;
    color: #ffffff;
    font-size: 1em;
    margin: 30px 0;
    line-height: 1.5;
    background-color: #23252b;
}

.universal-section a:link {
    text-decoration: underline;
    color: #dddddd;
    font-family: Lora, serif;
}

.universal-section a:visited {
    text-decoration: underline;
    color: lightblue;
}

.universal-section a:hover {
    text-decoration: none;
    color: goldenrod;
}
#myInput {
    background-image: url('../img/search_icon.svg'); /* Add a search icon to input */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    background-size: 20px, 20px;
    background-position: left;
    background-position-x: 10px;
    background-color: #23252b;
    color: white;
    width: 100%; /* Full-width */
    font-size: 14px; /* Increase font-size */
    font-family: Lora, serif;
    padding: 8px 20px 12px 40px; /* Add some padding */
    border: 1px solid #464b5b; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
    margin-top: 40px;
}

#myTable {
    color: white;
    border-collapse: collapse; /* Collapse borders */
    width: 100%; /* Full-width */
    border: 1px solid #464b5b; /* Add a grey border */
    font-size: 18px; /* Increase font-size */
    padding: .8rem 1em;
    box-shadow: 0 4px 10px rgb(0 0 0 / 20%);
}


#myTable tr td a:hover {
    color: goldenrod;
    transition: 0.3s;
    text-decoration: none;
}

#myTable a:link {
    font-family: Lora, serif;
    color: #dddddd;
    text-decoration: underline;
}

#myTable a:visited {
    text-decoration: underline;
    color: lightblue;
}

#myTable th, #myTable td {
    text-align: left; /* Left-align text */
    padding: 12px; /* Add padding */
    font-family: Lora, serif;
    font-size: .75em;
}

#myTable tr {
    /* Add a bottom border to all table rows */
    border-bottom: 1px solid #393d48;
}

#myTable tr.header th{
    font-family: "kilowattregular", sans-serif;
    font-size: 2rem;
    font-weight: lighter;
    letter-spacing: .05em;
}


#myTable tr.header, #myTable tr:hover {
    /* Add a grey background color to the table header and on hover */
    background-color: #23252b;
}

.get-active {
    position: relative;
    padding-top: 70px;
    font-family: "kilowattregular", serif;
    text-shadow: 4px 4px 8px rgba(0,0,0,.4);

}

#telegram {
    font-size: 2em;
    font-weight: lighter;
    font-family: "kilowattregular", serif;
    letter-spacing: .02em;
    margin: 1em 0 0 0;
}