h1 {font-size: 450%;
background-color: transparent;
text-align: center;
height: 70%;
width: 70%;   
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
text-shadow: 3px 2px 2px rgba(254, 200, 216,1), 0px -1px 3px rgba(224, 187, 228,.5),-3px 0px 2px rgba(254, 200, 216, 1);
animation: chromaticMove 4500ms ease infinite,pulses ease 200ms  infinite;}

h2 {font-size: 350%;
background-color: white;
text-align: center; 
border-style: solid; 
height: 70%;
width: 70%;   
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
text-shadow: 3px 2px 2px rgba(254, 200, 216,1), 0px -1px 3px rgba(224, 187, 228,.5),-3px 0px 2px rgba(254, 200, 216, 1);
animation: chromaticMove 4500ms ease infinite,pulses ease 200ms  infinite;
box-shadow: 3px 2px 2px rgba(202, 241, 233,1), 0px -1px 3px rgba(181, 230, 229,.5),-3px 0px 2px rgba(211, 238, 255, 1);}

h3 {font-size: 250%;
background-color: transparent;
text-align: center; 
border-style: hidden;
height: 70%;
width: 70%;   
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
text-shadow: 3px 2px 2px rgba(254, 200, 216,1), 0px -1px 3px rgba(224, 187, 228,.5),-3px 0px 2px rgba(254, 200, 216, 1);
animation: chromaticMove 4500ms ease infinite,pulses ease 5s  infinite;}

h4 {font-size: 200%;
background-color: white;
text-align: center; 
border-style: solid;
height: 20%;
width: 20%;   
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
text-shadow: 3px 2px 2px rgba(254, 200, 216,1), 0px -1px 3px rgba(224, 187, 228,.5),-3px 0px 2px rgba(254, 200, 216, 1);
animation: chromaticMove 4500ms ease infinite,pulses ease 200ms  infinite;
box-shadow: 3px 2px 2px rgba(202, 241, 233,1), 0px -1px 3px rgba(181, 230, 229,.5),-3px 0px 2px rgba(211, 238, 255, 1);}

h5 {font-size: 150%;
background-color: white;
text-align: center; 
border-style: solid;
height: 40%;
width: 40%;   
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
text-shadow: 3px 2px 2px rgba(254, 200, 216,1), 0px -1px 3px rgba(224, 187, 228,.5),-3px 0px 2px rgba(254, 200, 216, 1);
animation: chromaticMove 4500ms ease infinite,pulses ease 200ms  infinite;
box-shadow: 3px 2px 2px rgba(202, 241, 233,1), 0px -1px 3px rgba(181, 230, 229,.5),-3px 0px 2px rgba(211, 238, 255, 1);}

#main {background-color:white;
border: 1px solid;
conborder-color: black;
color: black;
padding: 20px 20px 20px 20px;
width: 60%;
height: auto;
margin: auto;}

body {background-color: white;
color: black;
font-family: Lato;
height: 100%;
min-height: 2340px;
min-width: 1080px;
background-image: url("background.png");
background-position: center;
background-repeat: no-repeat;
}

a:link {color: black;
background-color: transparent;
text-decoration: none;}

a:visited {color: black;
background-color: transparent;
text-decoration: none;}

a:hover {color: black;
background-color: transparent;
text-decoration: none;}

a:active {color: black;
background-color: transparent;
text-decoration: none;}

input[type=submit] 
{height: 15%;
width: 30%;
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
background-color: white;
color: black;
font-size: 100%;
font-family: Lato;
border: 2px solid;
padding: 10px 10px 10px 10px;
text-shadow: 3px 2px 2px rgba(254, 200, 216,1), 0px -1px 3px rgba(224, 187, 228,.5),-3px 0px 2px rgba(254, 200, 216, 1);
animation: chromaticMove 4500ms ease infinite,pulses ease 5s  infinite;
box-shadow: 3px 2px 2px rgba(202, 241, 233,1), 0px -1px 3px rgba(181, 230, 229,.5),-3px 0px 2px rgba(211, 238, 255, 1);}

textarea {display: block;
height: 1050px;
width: 100%;
margin-top: auto;
margin-bottom: auto;
margin-right: auto;
margin-left: auto;
background-color: white;
color: black;
font-size: 40px;
font-family: Lato;
border: 2px solid;
padding: 10px 10px 10px 10px;
box-shadow: 3px 2px 2px rgba(202, 241, 233,1), 0px -1px 3px rgba(181, 230, 229,.5),-3px 0px 2px rgba(211, 238, 255, 1);}

textarea::-webkit-scrollbar {
    width: 12px;
    background-color: white;
    box-shadow: 3px 2px 2px rgba(202, 241, 233,1), 0px -1px 3px rgba(181, 230, 229,.5),-3px 0px 2px rgba(211, 238, 255, 1);}

textarea::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: black;
    box-shadow: 3px 2px 2px rgba(202, 241, 233,1), 0px -1px 3px rgba(181, 230, 229,.5),-3px 0px 2px rgba(211, 238, 255, 1);}

textarea::-webkit-resizer {
    border: 2px solid black;
    background: white;
    box-shadow: 3px 2px 2px rgba(202, 241, 233,1), 0px -1px 3px rgba(181, 230, 229,.5),-3px 0px 2px rgba(211, 238, 255, 1);}

    @keyframes gradientMove { 
        0%{background-size: 100% 4px}
        50%{background-size: 100% 2px}
        100%{background-size: 100% 4px}
    }
