.theme{
    position: relative;
}


.theme140{
    font-size: 55px;
    text-align: center;
        font-family: "yu-mincho-pr6n", sans-serif;
    font-weight: 600;
    font-style: normal;
}



@keyframes shine {
	0% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.theme p{
    background-image: linear-gradient(
		70deg,
		#e07594  45%, 
		#fff 50%,
		#e07594 55% 
	  );
	  background-size: 500% 100%;
    background-clip: text;
  	-webkit-background-clip: text;
	  color: transparent;
    animation: shine 13s infinite;
}

.theme_text p{
    word-break: keep-all;
    text-align: center;
    color: #2f2f2f;
}

.logo{
    width: auto;
    display: flex;
    align-items: center;
    margin: 20px;
}

.color{
    margin: 20px 0;
    display: flex;
    align-items: center;
}
.name_box{
    text-align: center;
}

.color_name{
    width: 190px;
    font-size: 40px;
    margin-top: -25px;
    color: #ffffff;
}

.rubi{
    color: #ffffff;
}

.main_color{
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background-color: #e07594;
    margin:10px 27.5px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.sub_color{
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background-color: #f2a09b;
    margin:10px 27.5px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.accent_color{
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background-color: #63bdeb;
    margin:10px 27.5px;
    justify-content: center;
    align-items: center;
    display: flex;
}

@media screen and (max-width: 550px) {
    .logo{
    display: flex;
    align-items: center;
    margin: 20px 0;
    justify-content: center;
    flex-wrap: wrap;
}

.color{
    margin: 20px 0 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.main_color{
    margin-bottom: 40px;
}

.sub_color{
    margin-bottom: 40px;
}

.accent_color{
    margin-bottom: 40px;
}

.logo p{
    margin-top: 20px;
}

.theme_text p{
    word-break: keep-all;
    font-size: 11.7px;
    text-align: center;
    color: #2f2f2f;
}

.theme140 p{
    font-size: 35px;
    text-align: center;
        font-family: "yu-mincho-pr6n", sans-serif;
    font-weight: 600;
    font-style: normal;
}

p{
     font-size: 13.67px;
}
}

.small_heading_indent{
    padding-left: 1.3em;
    padding-right: 1.3em;
}