#keywords {
    text-align: center;
    padding: 20px;
}

.tag {
    display: inline-block;
    margin: 5px;
    padding: 0px 10px;
    background-color: #f0f0f0;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.tag a {
    text-decoration: none;
    color: #333;
}

.tag:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Font sizes */
.size1 { font-size: 0.8em; }
.size2 { font-size: 0.9em; }
.size3 { font-size: 1em; }
.size4 { font-size: 1.1em; }
.size5 { font-size: 1.2em; }
.size6 { font-size: 1.3em; }
.size7 { font-size: 1.4em; }
.size8 { font-size: 1.5em; }
.size9 { font-size: 1.6em; }

/* Colors based on frequency */
.count25 { background-color: #e6f3ff; }
.count50 { background-color: #ccebff; }
.count100 { background-color: #b3e0ff; }
.count200 { background-color: #99d6ff; }
.count300 { background-color: #80ccff; }
.count400 { background-color: #66c2ff; }
.count500 { background-color: #4db8ff; }
.count600 { background-color: #33adff; }
.count700 { background-color: #1aa3ff; }
.count800 { background-color: #0099ff; }
.count900 { background-color: #008ae6; }
.count1000 { background-color: #007acc; }