body {
    overflow-x:hidden;
    background-color:#222222 !important;
    width:100%;
    height:100vh;
    font-family:Helvetica;
}

h1, h2, h3, h4 {
    color: #ffffff;
}
            
a {
    color: #90caf9;
}

pre {
    background-color: #1e1e1e;
    color: #cfcfcf;
    padding: 10px;
    overflow-x: auto;
    border-radius: 5px;
}
            
code {
    background-color: #1e1e1e;
    color: #ffcc00;
    padding: 2px 5px;
    border-radius: 3px;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    border: 1px solid #444;
    padding: 8px;
    text-align: left;
}

th {
    background-color: #222;
    color: #fff;
}

tr:nth-child(even) {
    background-color: #1a1a1a;
}

.text {
    padding:0% 30% 2% 30%;
    text-align:center;
    color:white;
}

.App-header {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title {
    background-color:#6db39f;
    font-size:30px;
    padding:20px 60px;
    margin-bottom:2%;
    color:black;
    border-radius:50px;
    box-shadow:0 0 50px 0 #0b1210;
}

.App-header h1 {
    margin:0;
}

.Link {
    transition:0.7s;
    font-weight:bold;
    text-decoration:none;
    color:black;
    padding:10px 20px;
    border:0px;
    border-radius:50px;
}

.Link:hover {
    transition:0.7s;
    font-weight:bold;
    text-decoration:none;
    color:black;
    padding:10px 20px;
    background-color:#6db39f;
    border-radius:50px;
    box-shadow:0 0 20px 0 #0b1210;
}

.Link:focus {
    outline:none;
}

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

.main {
    display:flex;
    justify-content: center;
}

.white-text {
    color:white;
}

@media only screen and (max-width: 600px) {
    .title {
        background-color:#6db39f;
        font-size:25px;
        padding:10px 30px;
        margin:0;
        margin-bottom:2%;
        color:black;
        text-align:center;
        border-radius:50px;
        box-shadow:0 0 50px 0 #0b1210;
    }

    .title h1{
        margin:0;
    }

    .text {
        padding:0 20% 2% 20%;
        margin:0;
        text-align:center;
        color:white;
    }
}