﻿/* for the lazy registration questions to look as intended */

.lazyFactoryForm button[type="submit"]
{
    transition: transform .2s; /* Animation */
    margin:4px;
    border-radius: 50%;
}

.lazyFactoryForm button[type="submit"]
{
    border: 1px solid black;
    background-color:White;
    color:Black;
    border-radius: 50%;
    margin:10px;
    padding:10px;
    padding-left:20px;
    padding-right:20px;
    font-size:14pt;
}

.lazyFactoryForm input[type="submit"]
{
    border: 1px solid black;
    background-color:White;
    color:Black;
    border-radius: 50%;
    margin:4px;
}

.lazyFactoryForm button[type="submit"]:hover,
.lazyFactoryForm input[type="submit"]:hover
{
    transition: transform .2s; /* Animation */
    transform: scale(1.8); 
}

.lazyFactoryForm button:active {
  background-color: #3e8e41;
  transform: translateY(4px);
  animation: zoomout 1s ease-in 1;
}

@keyframes zoomout {
    0% {transform: scale(1);}
  20% {transform: scale(1.5);}
  100% {transform: scale(0.1);}
}/*End of Zoom out Keyframes */

@keyframes zoomin {
  0% {transform: scale(0.1);}
  80% {transform: scale(1.2);}
  100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

.lazyResponse img
{
    max-width:100%;
    animation: zoomin 3s ease-in 1;
}
.lazyQuestion,
.lazyThankYou
{
    font-weight:bold;
    font-size:12pt;
}