@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap'); * /* Icon (alt) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,pre, a, abbr, acronym, address, big, cite,code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-family: 'Raleway', sans-serif; margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } ÿbo?? -webkit-text-size-adjust: none; } mark { background-color: transparent; color: inherit; } input::-moz-focus-inner { border: 0; padding: 0; } input, select, textarea { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; } /* Basic */ @media screen and (max-width: 480px) { html, body { min-width: 320px; } } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body.is-preload *, body.is-preload *:before, body.is-preload *:after { -moz-animation: none !important; -webkit-animation: none !important; -ms-animation: none !important; animation: none !important; -moz-transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; transition: none !important; } html { height: 100%; } body { height: 100%; background-color: #ffffff; background-image: url("images/bg.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/LT_Banner.jpg"); background-image: url("images/bg.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/LT_Banner.jpg"); background-image: url("images/bg.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/LT_Banner.jpg"); background-image: url("images/bg.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/LT_Banner.jpg"); background-repeat: repeat, no-repeat, no-repeat; background-size: 100px 100px, cover, cover; background-position: top left, center center, bottom center; 9 background-attachment: fixed, fixed, fixed; } body:after { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: inherit; opacity: 0; z-index: 1; background-color: #ffffff; background-image: url("images/bg.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); background-image: url("images/bg.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); background-image: url("images/bg.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); background-image: url("images/bg.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); background-repeat: repeat, no-repeat; background-size: 100px 100px, cover; background-position: top left, center center; -moz-transition: opacity 1.75s ease-out; -webkit-transition: opacity 1.75s ease-out; -ms-transition: opacity 1.75s ease-out; transition: opacity 1.75s ease-out; } body.is-preload:after { opacity: 1; } /* Type */ body, input, select, textarea { /*color: #414f57; */ color: #000; font-family: "Raleway", sans-serif; /*font-size: 14pt; */ } @media screen and (max-width: 1680px) { body, input, select, textarea {font-size: 11pt;} } @media screen and (max-width: 480px) { body, input, select, textarea {font-size: 10pt; line-height: 1.75;} } a { -moz-transition: color 0.2s ease, border-color 0.2s ease; -webkit-transition: color 0.2s ease, border-color 0.2s ease; -ms-transition: color 0.2s ease, border-color 0.2s ease; transition: color 0.2s ease, border-color 0.2s ease; color: inherit; text-decoration: none; } a:before { -moz-transition: color 0.2s ease, text-shadow 0.2s ease; -webkit-transition: color 0.2s ease, text-shadow 0.2s ease; -ms-transition: color 0.2s ease, text-shadow 0.2s ease; transition: color 0.2s ease, text-shadow 0.2s ease; } a:hover { color: #e91e63; } p { margin: 0 0 1.5em 0; } h1, h2, h3, h4, h5, h6 { /*color: #313f47; */ color: #000000; line-height: 1.5; margin: 0 0 0.75em 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } h1 { font-size: 1.85em; letter-spacing: 0.22em; margin: 0 0 0.525em 0; } h2 { font-size: 1.25em; } h3 { font-size: 1em; } h4 { font-size: 1em; } h5 { font-size: 1em; } h6 { font-size: 1em; } @media screen and (max-width: 480px) { h1 {font-size: 1.65em;} } sub { font-size: 0.8em; position: relative; top: 0.5em; } sup { font-size: 0.8em; position: relative; top: -0.5em; } hr { border: 0; border-bottom: solid 1px #c8cccf; margin: 3em 0; } /* Main */ #main { -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); -moz-transition: opacity 1s ease, -moz-transform 1s ease; -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; -ms-transition: opacity 1s ease, -ms-transform 1s ease; transition: opacity 1s ease, transform 1s ease; padding: 4.5em 3em 3em 3em ; background: #ffffff; border-radius: 4px; cursor: default; max-width: 100%; opacity: 0.70; position: relative; text-align: center; width: 27em; } #main .avatar { position: relative; display: block; margin-bottom: 1.5em; } #main .avatar img { display: block; margin: 0 auto; border-radius: 100%; box-shadow: 0 0 0 1.5em #ffffff; } #main .avatar:before { content: ''; display: block; position: absolute; top: 50%; left: -3em; width: calc(100% + 6em); height: 1px; z-index: -1; background: #c8cccf; } @media screen and (max-width: 480px) { #main { padding: 4em 2em 2.5em 2em ; width: 100%; } #main .avatar:before { left: -2em; width: calc(100% + 4em); } } body.is-preload #main { -moz-transform: rotateX(15deg); -webkit-transform: rotateX(15deg); -ms-transform: rotateX(15deg); transform: rotateX(15deg); opacity: 0; } /* Footer */ #footer { -moz-align-self: -moz-flex-end; -webkit-align-self: -webkit-flex-end; -ms-align-self: -ms-flex-end; align-self: flex-end; width: 100%; padding: 1.5em 0 0 0; color: #ffffff; cursor: default; text-align: center; } #footer .copyright { margin: 0; padding: 0; font-size: 0.9em; list-style: none; } #footer .copyright li { display: inline-block; margin: 0 0 0 0.45em; padding: 0 0 0 0.85em; border-left: solid 1px rgba(255, 255, 255, 0.5); line-height: 1; } #footer .copyright li:first-child { border-left: 0; } /* Wrapper */ #wrapper { display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-align-items: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: space-between; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -moz-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -moz-perspective: 1000px; -webkit-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; position: relative; min-height: 100%; padding: 1.5em; z-index: 2; } #wrapper > * { z-index: 1; } #wrapper:before { content: ''; display: block; } @media screen and (max-width: 360px) { #wrapper {padding: 0.75em;} } body.is-ie #wrapper { height: 100%; }