2019-05-16 16:06:22 +00:00
|
|
|
*{padding:0;margin:0;box-sizing:border-box}body,html{width:100%;color:#000}body{font-family:monospace;font-size:16px}h1{color:#49beb7;text-align:center;margin-bottom:1rem;font-size:2rem;margin-top:3rem}h2{color:#29a19c;text-align:center;margin-bottom:1rem;margin-top:3rem}h3{color:#000;text-transform:uppercase;text-align:center;margin-bottom:1rem}input[type=email],input[type=number],input[type=password],select,input[type=text]{border:0;background-color:#e7e7e7;padding:1rem;line-height:1;font-size:16px;font-family:monospace}label{display:block}form{margin:0 auto}p,ul{margin-bottom:1rem;line-height:150%}ul{margin-left:40px}a{color:#49beb7}a.button,button,input[type=submit]{padding:1rem 1.25rem;background:#49beb7;border:0;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:16px;font-family:monospace;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;transition:transform .2s ease-out}a.button.button-red,button.button-red,input[type=submit].button-red{background:#e61c5d}a.button.button-orange,button.button-orange,input[type=submit].button-orange{background:#f17430}a.button:hover,button:hover,input[type=submit]:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}code{background-color:#f9f2f4;border:1px solid #aaa;border-radius:4px;color:#e61c5d;font-family:monospace;padding:2px 4px}img{max-width:100%}.container{max-width:42rem;margin:0 auto}.header-logo{width:400px;display:block;margin:auto 1rem;margin-bottom:1rem}@media(min-width:60rem){.header-logo{margin-bottom:0}}.header{width:100%;padding:1rem 0;z-index:5;background-color:#000;justify-content:space-between;background-position:50%;background-size:400px;align-items:center}@media(min-width:0){.header{display:flex;padding:1rem}}.header nav ul{display:flex;justify-content:space-around;flex-flow:row wrap;align-items:center;margin:0}@media(min-width:48rem){.header nav ul{flex-flow:row}}.header nav li{list-style-type:none}.header nav li.active a{color:#e61c5d}.header nav ul a{font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;padding:.75rem;letter-spacing:1px;line-height:1.15;color:#fff;display:inline-block;font-size:14px}@media(min-width:60rem){.header nav ul a{padding:.85rem;font-size:16px}}.header nav ul a:hover{background-color:#fff;cursor:pointer;color:#e61c5d}.header-submenu{background:#e61c5d;margin:0;padding:0;justify-content:center;display:flex;flex-wrap:wrap}.header-submenu li{list-style-type:none}.header-submenu li.active,.header-submenu li.active:hover{background:#ba154a}.header-submenu li:hover{background:#d11753}.header-submenu a{font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;padding:1rem;letter-spacing:1px;line-height:1.15;color:#fff;display:inline-block;font-size:14px}@media(min-width:60rem){.header-submenu a{font-size:16px}}.header-submenu-back{padding:1rem 1.25rem;letter-spacing:1px;line-height:1.15;font-size:14px;display:block;color:#e61c5d;border-bottom:1px solid #c9c3b0;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase}@media(min-width:60rem){.header-submenu-back{font-size:16px}}.header-hero{color:#fff;text-align:center;margin-bottom:3rem;padding:1rem 1rem 4rem;background-image:url(/static/img/Djangocon_eu19_live_web_BPawlik-62.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;position:relative}@media(min-width:48rem){.header-hero{padding:1rem 1rem 2rem}}@media(min-width:60rem){.header-hero{padding:1rem 2rem 4rem;background-position:50%}}.header-hero .container{position:relative;z-index:5}.header-hero:before{background:#000;content:"";position:absolute;opacity:.85;top:0;left:0;right:0;bottom:0}.header-hero h1{color:#fff;padding:2rem 0 4rem;margin:0;line-height:1.25;font-size:2rem}@media(min-width:48rem){.header-hero h1{font-size:2.5rem}}.header-hero small{display:block;font-weight:500;margin-top:1.5rem;color:#49beb7;font-size:1.25rem}@media(min-width:48rem){.header-hero small{font-size:1.75rem}}.h
|
