all reset
☀ Lights
Netbax Online Editor Try it Yourself
Run
HTML
reset
copy
Thank you!
Contrary to popular belief, Lorem Ipsum.
Cevadis im ampola pa arma.
home page
CSS
reset
copy
@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,900'); *{ box-sizing:border-box; /* outline:1px solid ;*/ } body{ background: #008000; height: 100%; margin: 0; background-repeat: no-repeat; background-attachment: fixed; } a { color: #fff; text-decoration: none; transition: all 0.30s linear 0s; } .content1{ width:100%; height:100%; display: flex; flex-direction: column; } .content2{ padding: 0px; text-align:center; } h1{ font-family: 'Raleway', Arial Black, Sans-Serif; font-size:4em; font-weight: 900; letter-spacing:3px; color: #fafafa; margin:0; margin-top: 40px; margin-bottom:40px; } .content2 p{ margin:0; font-size:1.3em; color:#fafafa; font-family: 'Raleway', sans-serif; letter-spacing:1px; line-height: 1.5; text-transform: capitalize; } .home{ background: #c00; border:none; padding: 15px 20px; margin: 30px 0; border-radius: 5px; cursor: pointer; } .home:hover{ opacity: 0.9; } .home a{ font-family: 'Raleway', Arial Black; font-size: 1rem; font-weight: 700!important; text-transform: uppercase; letter-spacing: 2px; } .img{margin-top:20px;} @media (min-width:360px){ h1{ font-size:4.5em; } .home{ margin-bottom:20px; } } @media (min-width:600px){ .thank{ max-width:1000px; margin:0 auto; } .content1{ height: initial; max-width:620px; margin:0 auto; margin-top:0px; }