body {
background-color: #333;
color: #bbb;
font-size: 1.5em;
font-family: Sans-serif;
}
#links {
position: absolute;
right: 20px;
top: 20px;
}
h1,h2,h3 {
width: 80%;
}
p,h1,h2,h3 {
text-align: center;
}
p.text,p.center,h1,h2,h3 {
margin-left: auto;
margin-right: auto;
}
p.text {
max-width: 800px;
text-align: justify;
}
p.center {
max-width: 800px;
text-align: center;
}
ul,li {
margin-left: auto;
margin-right: auto;
width: 50%;
}
.gold {
color: gold;
}
img.responsive {
max-width: 100%;
height: auto;
}
textarea {
font-size: 1.5em;
color: #bbb;
background-color: #444;
margin-left: auto;
margin-right: auto;
display: block;
width: 70%;
max-width: 820px;
height: 100px;
}
button {
color: #ecdcf7;
font-size: 3em;
background-color: #444;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
height: 100px;
width: 99%;
max-width: 410px;
}
button:hover {
background-color: #ecdcf7;
color: #444;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
div.answer {
opacity: 0;
}
div.answer,#askbutton {
width: 100%;
transition: 1s ease-out;
position: absolute;
}
#askbutton>button {
width: 72%;
}
div.container {
position: relative;
}
#askbutton {
z-index: 100;
}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Curabitur gravida arcu ac tortor dignissim convallis aenean. Consectetur adipiscing elit duis tristique sollicitudin nibh sit amet. Adipiscing tristique risus nec feugiat in. Viverra suspendisse potenti nullam ac tortor vitae. Quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna. Eu scelerisque felis imperdiet proin fermentum leo vel. Consectetur adipiscing elit pellentesque habitant. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum. Elementum pulvinar etiam non quam lacus suspendisse faucibus interdum. Eu feugiat pretium nibh ipsum consequat nisl. Eget magna fermentum iaculis eu non diam phasellus. Dictum non consectetur a erat nam at. Enim praesent elementum facilisis leo vel fringilla est ullamcorper. Risus sed vulputate odio ut enim blandit. Fames ac turpis egestas maecenas pharetra convallis posuere morbi leo. Vitae purus faucibus ornare suspendisse sed nisi lacus sed.
ififffffiffffffffifffffiffffffffffffffiffffffffiffffffffffffffffffffffiffffffffifffffi