body {
    font-family: Arial;    
}

.adContainer {
    clear: both;
    width: 99%;
    display: flex;
    justify-content: center;
}

.ad {
    float: left;
    padding: 10px;
    color: black;
}

a {
    color:#000000;
}

.pot {
    width: 16%;
    background-color:#ffc0c0;
    padding:10px;
    float:left;
    height:auto;
    margin:8px;
    border-radius:8px;
    display:inline-block;
    text-align:left;
    justify-content:center;
}

.potContainer {
    clear:both;
    margin:auto;
    width: 99%;
    display: flex;
    justify-content: center;
    text-align:center;
}

.interplContainer {
    clear:both;
    margin:auto;
    width: 99%;
    display: flex;
    justify-content: center;
    text-align:center;
    align-items: center;
}

.interpl {
    float: left;
    display: inline-block;
    justify-content: center;
    padding:10px;
}

.group {
    width: 10%;
    float:left;
    background-color:#c0c0ff;
    border-radius:8px;
    padding:8px;
    margin:2px;
    height:auto;
}
.groupContainer {
    clear: both;
    width: 99%;
    display: flex;
    justify-content: center;
}
.info {
    clear: both; 
    padding:10px;
    margin:10px;
    display:inline-block;
    background-color:#c0ffc0;
    border-radius:8px;
    width:99%;
    margin:auto;
}
.tryAgain {
    clear: both;
    width: 99%;
    margin: auto;
    text-align: center;
    font-size:20px;
    padding:10px;
}

.siteHeading {
    width: 99%;
    margin: auto;
    text-align:center;
    font-size:24px;
}

.divEmoji {
    display: none;
}