Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- font-family: "Open Sans", sans-serif;
- background-color: #020300;
- color: #EECBFF;
- height: 1400px;
- }
- #Header {
- width: 100%;
- height: 200px;
- margin: auto;
- margin-top: 0px;
- background-image: url("the-background-301145_960_720.png");
- color: #EECBFF;
- font-size: 4rem;
- text-align: center;
- }
- .topnav {
- background-color: #333;
- overflow: hidden;
- display: inline;
- }
- .topnav ul {
- padding: 0px;
- list-style-type: none;
- }
- .topnav a {
- width: 25%;
- padding-top: 15px;
- padding-bottom: 15px;
- float: left;
- color: #b92746;
- text-align: center;
- text-decoration: none;
- font-size: 17px;
- background-color: #333;
- }
- .topnav a:hover {
- background-color: #ddd;
- color: black;
- }
- #content {
- padding: 20px;
- }
- .left {
- font-size: 1.5rem;
- width: 15%;
- height: 300px;
- float: left;
- text-align: center;
- overflow: hidden;
- }
- #container {
- height: 550px;
- width: 85%;
- font-size: 2rem;
- text-align: center;
- overflow-y: scroll;
- float: left;
- white-space: pre-wrap;
- margin-bottom: 50px;
- word-spacing: 2px;
- }
- .buttons {
- width: 20%;
- margin: auto;
- }
- .button1, .button2, .SubmitButton {
- width: 107%;
- background-color: #b92746;
- border: none;
- color: white;
- padding: 15px 32px;
- display: inline-block;
- font-size: 16px;
- margin: 4px 2px;
- cursor: pointer;
- }
- .button1:active, .button2:active{
- color: #555;
- }
- .button1:focus, .button2:focus {
- background-color: #111;
- }
- .button1:focus {
- text-transform: lowercase;
- }
- .button2:focus {
- text-transform: uppercase;
- }
- .FORM {
- width: 7%;
- margin: auto;
- padding: 50px;
- }
- .FORM label {
- text-align: center;
- }
- .name{
- }
- footer {
- width: 100%;
- height: 100%;
- text-align: center;
- margin-top: 50px;
- padding: 20px 0 10px 0;
- clear: both;
- position: fixed;
- top: 80%;
- left: 0%;
- font-size: 1rem;
- background-color: #1d1e1b;
- opacity: 0.8;
- }
- footer small:first-child {
- display: block;
- }
- footer small{
- font-size: inherit;
- display: inline-block;
- }
- span:first-child {
- width: 100%;
- color: #b92746;
- letter-spacing: 7px;
- font-size: 4.5rem;
- }
- span {
- font-size: 2rem;
- padding: inherit;
- display: block;
- }
- p::before {
- content: "lOREM IPSUM "
- }
- p::after {
- content: "Generated by Piotr Piasecki Tobiasz Nartowski"
- }
- p::first-line {
- background-color: #444;
- }
- p::last-line {
- background-color: #444;
- }
- ::first-letter{
- text-transform: uppercase;
- }
Add Comment
Please, Sign In to add comment