* {
padding: 0;
margin: 0;
color: #fffbef;
}
img{
display: flex;
border-radius:20px;
max-height: 300px;
max-width: 80%;
width: auto;
}
.sp {
margin-top: 50px;
}
.thumbinner,.thumbcaption,.thumb {
background-color: transparent;
border-color: transparent;
max-width: 80%;
margin:0;
padding:0;
}
.body {
display: flex;
justify-content: center;
align-items: center;
border-radius: 40px;
background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.messages {
width: 100%;
padding: 5px 5px;
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
flex-direction: column;background: linear-gradient(
to right bottom,
rgba(255,255,255,.6),
rgba(255,255,255,.3),
rgba(255,255,255,.2)
);
background-color: rgba(255, 255, 255, 0.266);
border-radius: 40px;
box-shadow: 0 10px 50px #ffceee;
}
.title {
display: block;
width: 90%;
margin: 2% 5%;
font-size: 30px;
font-weight:bold;
letter-spacing: 5px;
}
.form {
font-size: 18px;
margin: auto 10%;
}
input[value]{
border-radius:10px;
padding: 10px;
font-size: 20px;
background-color: rgba(255, 255, 255, 0.2);
box-shadow: 0 0 2px 4px rgba(0, 0, 0, 0.1);
transition:0.5s;
}
input[value]:hover{
background-color: rgba(255, 255, 255, 0.4);
color: #bc98ea;
}
.comm {
display: grid;
margin: auto 5%;
}
@keyframes border-animate {
from {
filter: hue-rotate(0deg);
}
to{
filter: hue-rotate(360deg);
}
}
.mw-headline {
border-bottom: 2px solid;
font-size: 18px;
border-image: linear-gradient(#ffadad, #ffd6a5,#fdffb6,#9bf6ff,#a0c4ff,#bdb2ff,#ffc6ff) 1;
animation: border-animate 3s infinite linear;
}
/*
.X-2JFOXOR1_4zj6un,.GwGomSd0p9_4zj6un{
height: 0;
border: 0;
margin: 0;
padding:0;
}
*/