.star {
    position: fixed;
    -webkit-animation:spin 10s linear infinite;
    -moz-animation:spin 10s linear infinite;
    animation:spin 10s linear infinite;
}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

.title
{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:30%;
    height:auto;
    animation:pulse 2s infinite;
    transition: width .2s;
}

  .title:hover {
    animation:pulse 0.25s infinite;
    width:35%; /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }


#page-container {
    position: relative;
    min-height: 95vh;
  }
  
  #content-wrap {
    padding-bottom: 2.5rem;    /* Footer height */
  }
  
  #footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;            /* Footer height */
    font-family:'segoe UI';
    font-size:2.25vi;
    text-align: center; 
  }
  form{
    display: flex;
    
    flex-wrap: nowrap;
    flex-direction: row;
    background-color: tomato;
    align-items: stretch;
    margin:8px;
}