/* flip card part css */
.front{
  font-size: 40px;
  line-height: 42px;
}

.back{
  font-size: 40px;
  line-height: 42px;
}
.norm{
  font-size: 20px;
}


.flip-card {
  display: block;
  position: relative;
  /* left:1000px; */
  background-color: transparent;
  width: 200px;
  height: 200px;
  /* border: 2px solid black; */
  perspective: 1000px;
  -webkit-animation: slide 4s forwards;
  /* -webkit-animation-delay: 2s; */
  animation: slide 4s forwards;
  /* animation-delay: 2s; */

}

@-webkit-keyframes slide {
  0%{left:130%;-webkit-transform:rotate(0deg);font-size: 0px;}
  100% { left:42%;-webkit-transform:rotate(360deg);font-size:50px;}
}

@keyframes slide {
  0%{left:130%;-webkit-transform:rotate(0deg);font-size: 0px;}
  100% { left:42%;-webkit-transform:rotate(360deg);font-size: 50px;}
}


.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card:focus .flip-card-inner,.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}
.flip-card:focus .flip-card-inner {
  /* transform: rotateY(180deg); */
  border: 2px solid black;
}
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}
.flip-card-front{
  background-color: BlueViolet;
  color:white;

}
.flip-card-back{
  background-color: Coral;
  color: black;
  transform: rotateY(180deg);
}

/* border !!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* border!!!!!!!!!!!!!!!!!!!!!!!!!! */
/* form part css */
fieldset{
   border-radius: 10px;
}
legend{
   text-align: center;
   font-variant-caps: small-caps;
}
fieldset div{
   border: 2px solid black;
   margin: 2%;
   padding: 1%;
   border-radius: 5px;
}

.contact{
   display: grid;

}

{
   border: 1px solid black;
   width: 120px;
   padding: 3%;
   margin-left: 10%;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}
input, textarea, select{
   background-color:#FFFFFF;
}

h1{
  font-size: 35px;
}
