Rebire
<style id="custom_css" type="text/css">.user_profile{}
.game_cell{
background-color: #6B95B2;
padding: 10px;
border:6px #7986A7 solid;
border-radius: 5%;
position: relative;
display: inline-block;
transition: all 200ms ease-in;
transform: scale(1);
}
.game_cell:hover{
box-shadow: 0px 0px 100px 5px #2E4774;
z-index: 2;
transition: all 200ms ease-in;
transform: scale(1.02) rotate(-0.3deg);
}
.custom-bg {
background-image: linear-gradient(70deg, #2E4774 50%, #F6F3F0 50%);
top:-200%;
bottom:-200%;
left:-50%;
position: fixed;
opacity: 0.5;
right:-50%;
z-index:-10;
animation: bgAnim 10s infinite;
animation-timing-function: ease-in-out;
animation-direction: alternate;
}
.custom-bg2 {
left:-40%;
opacity: .5;
}
.custom-bg3 {
left:-30%;
opacity: .5;
}
@keyframes bgAnim {
0% {transform: rotate(0deg);}
10% {transform: rotate(0deg);}
90% {transform: rotate(180deg);}
100% {transform: rotate(180deg);}
}
.custom-profile-text
{
padding: 20px;
border: 10px #7986A7 solid;
border-radius: 100%;
background-color: #6B95B2;
font-weight: bold;
font-size:30px;
transition: all 200ms ease-in;
transform: scale(1);
animation: boxAnim 5s infinite;
animation-timing-function: ease;
box-shadow: 0px 0px 100px 0px #2E4774;
}
@keyframes boxAnim {
0% {transform: scale(0.9) rotate(0deg);}
33% {transform: scale(0.91) rotate(0.5deg);}
66% {transform: scale(0.91) rotate(-0.5deg);}
100% {transform: scale(0.9) rotate(0deg);}
}
.text_header{
z-index: 50;
font-family:Luminari,Impact,Snell Roundhand, cursive;
font-size: 50px;
box-shadow: 0px 0px 30px 0px #2E4774;
}
</style>
HELLO!