#main {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 90vh;
    justify-content: center;
}
#main { text-align: center }
#main div { margin-top: 8px; margin-bottom: 8px }

@media (max-width: 767px) { #main { margin-left: 15px; margin-right: 15px; } }
@media (min-width: 768px) { #main { margin-left: 50px; margin-right: 50px; } }
@media (min-width: 992px) { #main { margin-left: 100px; margin-right: 100px; } }
@media (min-width: 1200px) { #main { margin-left: 200px; margin-right: 200px; } }

#main blockquote { font-weight: 400; }
#platforms { padding-top: 3px; padding-bottom: 10px; }

#logos img { width: 45% }
#get-chrome-fork { padding-top: 10px }
#get-chrome-fork .btn { max-width: 150px }
#get-chrome-fork .btn { color: black }
#get-chrome-fork img { height: 30px; max-width: 150px; }
.plucky-teal { background-color: #00C6BC; border-color: #00C6BC; }
.plucky-slate { background-color: #006177; border-color: #006177; }
.plucky-dark { color: white; background-color: #006177; border-color: #006177; }
.plucky-dark:hover { background-color: #00C6BC; border-color: #00C6BC; }
.plucky-adam-dark { color: white; background-color: #006177; border-color: #006177; }
.plucky-adam-dark:hover { background-color: black; border-color :black; }
.btn.btn-outline.plucky-dark { background-color: white; border-color: #006077; }

/* automatic bootstrap */
.btn.btn-primary { background-color: var(--pluckylc); border-color: var(--pluckylc); }
input.form-check-input:checked { color: var(--pluckylc); background-color: var(--pluckylc); border-color: var(--pluckylc); }

#platforms img { height: 24px; }
.pending { background-color: var(--bga); }
.wave-team { color: var(--pluckylc); border-color: var(--pluckylc); }
.wave-bilbo { color: var(--bs-primary); border-color: var(--bs-primary); }
.wave-frodo { color: var(--bs-warning); border-color: var(--bs-warning); }
.wave-samwise { color: var(--bs-secondary); border-color: var(--bs-secondary); }
.andoff-wave:hover { color: var(--pluckyhc); border-color: var(--pluckyhc); }

#platforms button { padding: 5px; border: none; background: none; }
#platforms a { padding: 5px; }

* { font-family: Poppins }
* { font-weight: 300 }

a       { color: var(--pluckyhc) }
a:hover { color: var(--pluckylc) }