#cloud_tag {
    margin-top: 40px;
    width: 360px;
    box-sizing: border-box;
    overflow: hidden;
	border-radius:15px;
	background-color:#F3F3F3;
}

 
#cloud_tag .tag-cloud {
    display: flex;
    flex-wrap: wrap;
	 justify-content:center;
    gap:20px 12px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    transition: transform 0.6s ease;
    transform-origin: center center;
    perspective: 800px;
}

.tag-cloud a {
    display: inline-block;
    text-decoration: none;
    color: #333;  
    transition: all 0.5s ease;  
    transform-style: preserve-3d;
}
 
.tag-1 { font-size: 12px; }
.tag-2 { font-size: 13px; }
.tag-3 { font-size: 14px; }
.tag-4 { font-size: 16px; }
.tag-5 { font-size: 18px; }
.tag-6 { font-size: 20px; }
.tag-7 { font-size: 22px; }
.tag-8 { font-size: 24px; }

 
.tag-cloud:hover a {
    opacity: 0.7;
    transform: scale(0.98);
}

 
.tag-cloud a:hover {
    opacity: 1;
    color: #333;  
    transform: scale(1.2)  rotateX(360deg); 
    z-index: 10;
 
}

 
.tag-cloud a.highlight {
    opacity: 1;
    transform: scale(1.05) rotateZ(1deg);
    color: #333;
    font-weight: 700;
}

@media (max-width: 850px) {
#cloud_tag {

    width: 100%;

}
	
	
}