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.
Back To Home Page
CSS
reset
copy
*{ box-sizing:border-box; /* outline:1px solid ;*/ } body{ background: #0cf; background: linear-gradient(to bottom, #0cf 0%,#007FFF 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cf', endColorstr='#fff',GradientType=0 ); height: 90%; margin: 0; background-repeat: no-repeat; background-attachment: fixed; } .content1{ background: linear-gradient(to bottom, #007FFF 0%,#0cf 100%); width:100%; height:100%; display: flex; flex-direction: column; } .content2{ padding :30px; text-align:center; } h1{ font-family: 'Kaushan Script', cursive; font-size:4em; letter-spacing:3px; color:#fff; margin:0; } .content2 p{ margin:0; font-size:1.3em; color:#fff; font-family: 'Source Sans Pro', sans-serif; letter-spacing:1px; } .home{ color:#fff; background:#2a52be; border:none; padding:10px 50px; margin:30px 0; border-radius:30px; text-transform:capitalize; box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1); cursor:pointer; } .home:hover{ color:#fff; background:#318ce7; border:none;} .footer{ margin-top: auto; background:#fff; padding:6px; text-align:center; } .footer p{ margin:0; padding:4px; color:#5892FF; font-family: 'Source Sans Pro', sans-serif; letter-spacing:1px; } .footer p a{ text-decoration:none; color:#5892FF; font-weight:600; } @media (min-width:360px){ h1{ font-size:4.5em; } .home{ margin-bottom:0px; } } @media (min-width:600px){ .content{ max-width:1000px; margin:0 auto; } .content1{ height: initial; max-width:620px; margin:0 auto; margin-top:40px; box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2); } }