roam.css

.input-fleet-text {
    display: block;
    width: calc(100% - 30px);
    height: 200px;
    margin: 10px;
    padding: 5px;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
}

.advance-button {
    display: block;
    width: calc(100% - 16px);
    margin: 10px;
    padding: 0px;
    height: 40px;
    border: 2px solid rgb(25,118,210);
    border-radius: 4px;
    background-color: rgb(100,181,246);
    font-size: 14pt;
}

.template-label {
    display: inline-block;
    margin-top: 10px;
    padding: 0px;
    height: 40px;
    font-size: 14pt;
}

.template-select {
    display: inline-block;
    width: calc(50% - 16px);
    margin-top: 10px;
    padding: 0px;
    height: 40px;
    border: 2px solid rgb(25,118,210);
    border-radius: 4px;
    font-size: 14pt;
}

.output-aar {
    width: calc(100% - 30px);
    height: 200px;
    border: 2px solid #ccc;
    border-radius: 4px;
    margin: 10px;
    padding: 5px;
    background-color: #f8f8f8;
    resize: none;
}

.kill-display {
    display: table;
    margin: 10px auto;
    padding: 5px;
    border: 2px solid #ccc;
    border-radius: 4px;
    border-collapse: collapse;
}

.kill-display .krh {
    background-color: white;
    display: table-row;
    padding: 2px 0;
}

.kill-display .kr-on {
    background-color: white;
    display: table-row;
    padding: 2px 0;
}

.kill-display .kr-off {
    background-color: #eee;
    display: table-row;
    padding: 2px 0;
}

.kill-display .kr-on:hover {
    background-color: rgb(225,245,254);
}

.kill-display .kr-off:hover {
    background-color: rgb(225,245,254);
}

.kill-display .kh {
    display: table-cell;
    font-weight: bold;
    padding: 3px 5px;
}

.kill-display .kd {
    display: table-cell;
    padding: 3px 5px;
}

@-webkit-keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
@keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}

.loader {
    margin: 0 auto;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    border: 1rem solid #EEE;
    border-top-color: #aaa;
    animation: spin 1.2s infinite linear;
    &--double {
      border-style: double;
      border-width: .5rem;
    }
}

.credits {
    text-align: center;
    display: block;
    margin: 80px auto 10px auto;
    font-size: 10pt;
    color: #999;
}