style.css

.action_page{
  width: 960px;
  background-color: radial-gradient(blue, white, )no-repeat fixed;
  /*background-image: linear-gradient(red, yellow);*/
  margin-left: 150px;
  
}

#info{
  margin-left: 800px;
}

/* Animation initialization*/
@keyframes example {
  0%   {color: red;}
  25%  {color: green;}
  50%  {color: blue;}
  100% {color: yellow;}
}

/* The element to apply the animation to */

h1{
  text-align:center;
  font-family: Times New Roman, serif;
  font-weight:1000;
  animation-name: example;
  animation-delay: 2s;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}

body{
  background-color: #B8B7;
  font-family: 'Inconsolata', monospace;
  font-size: larger;
 
}


h2{
  text-align:center;
  font-family: Times New Roman, cursive;
}

h4{
  text-decoration-line: underline;
  text-decoration-style: wavy;
  margin-left: 10px;
}


.container {
  border-radius: 25px;
  background-color: whitesmoke;
  border: 2px solid grey;
  padding: 25px;
  width:400px;
  box-shadow: 1px 2px 2px 1px;
 }

#popUpSubmit
{
  width: 100px;
  height: 30px;
  background-color: ghost-white;
  cursor:pointer;
}
#popUpSubmit:hover
{
 
  box-shadow: 1px 1px solid ;
 
    background-color:aquamarine;
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,2);
   
   

}

#name, #email{
 width:350px;
}

#number{
  width: 250px;
}

#code{
  width: 90px;
}

#date{
  width:350px;
  height:30px;
}

#sex{
 cursor:pointer;
}

.Biography{
  display: inline-flex;
}

#image{
  max-width:400px;
  height: 250px;
  justify-content:center;
  cursor: zoom-in;
  border-block-end-style: groove;
  border-radius: 15px;
  border-image-repeat: round;
  box-shadow: 4px 3px 3px 4px;
  transition: .5s ease;
  backface-visibility: hidden;
  opacity: 1;
}

#image:hover{
   -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}



#right-div{
  margin-left: 30px;
  margin-bottom: 15px;
  
}

footer{
  text-align: center; 
  background-color: aqua; 
  height: 70px; 
  padding-top: 2px;
  width: 800px;
  margin-left: 250px;
  border-radius: 10px;

}