292 lines
5.6 KiB
CSS
292 lines
5.6 KiB
CSS
@font-face {
|
|
font-family: 'Ubuntu-R';
|
|
src: url('/assets/Ubuntu-R.ttf');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.hidden {
|
|
display: none !important;
|
|
}
|
|
|
|
* {
|
|
font-family: Ubuntu,"Ubuntu-R",sans-serif;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
/*color: #2359fb;*/
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.fullheight {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.fullheight-nav {
|
|
min-height: calc(100vh - 50px);
|
|
}
|
|
|
|
.fullwidth {
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.title {
|
|
color: black;
|
|
/*text-shadow: 0 0 5px rgba(0, 0, 0, 0.18),0 5px 5px rgba(0, 0, 0, 0.18);*/
|
|
}
|
|
|
|
h1 {
|
|
font-size: 4vw;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 2.25vw;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 17pt bold;
|
|
text-align: left;
|
|
}
|
|
|
|
p {
|
|
font-size: 15pt medium;
|
|
/*line-height: 1.6;*/
|
|
text-align: left;
|
|
}
|
|
|
|
.beta-tag {
|
|
background: #ff00ff;
|
|
color: white;
|
|
border-radius: 5px;
|
|
font-size: 0.9rem;
|
|
padding: 0.3rem;
|
|
margin-left: 0.5rem;
|
|
}
|
|
.beta-banner a {
|
|
color: #ff00ff;
|
|
}
|
|
|
|
.beta-banner {
|
|
background: repeating-linear-gradient( 45deg, #ff00ff, #ff00ff 10px, #c44c05 10px, #c44c05 20px );
|
|
color: white;
|
|
padding: 1rem;
|
|
text-shadow: 0 0 5px rgba(0, 0, 0, 0.18),0 5px 5px rgba(0, 0, 0, 0.18);
|
|
}
|
|
|
|
.logo {
|
|
width: 10vw;
|
|
margin-right: 2vw;
|
|
}
|
|
|
|
.page-heading {
|
|
background-image: url("/assets/index-background.png"); /*, linear-gradient(0deg, #1f58c6 0%, #1c66f2 100%);*/
|
|
background-position: 50% 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
.page-heading-text {
|
|
width: auto;
|
|
margin: auto;
|
|
padding: 1rem;
|
|
|
|
}
|
|
|
|
.page-heading > p {
|
|
color: black;
|
|
}
|
|
|
|
.page-heading > p > a {
|
|
color: #000000;
|
|
}
|
|
|
|
.page-heading.error {
|
|
background: url("/assets/index-background.png"); /*, linear-gradient(0deg, #790000 0%, #a40000 100%)*/
|
|
}
|
|
|
|
.ncstyle-button.error {
|
|
background: #ee4040;
|
|
}
|
|
|
|
.error.ncstyle-button:hover {
|
|
background: #c82323;
|
|
}
|
|
|
|
.navbar {
|
|
height: 50px;
|
|
}
|
|
|
|
body, html {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.ncstyle-button {
|
|
background-color: #00feca;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.18),0 5px 5px rgba(0, 0, 0, 0.18);
|
|
border-radius: 1vw;
|
|
text-decoration: none;
|
|
text-shadow: 0 0 5px rgba(0, 0, 0, 0.18),0 5px 5px rgba(0, 0, 0, 0.18);
|
|
white-space: nowrap;
|
|
height: 48px;
|
|
width: auto;
|
|
line-height: 2.25rem;
|
|
padding: 0.5em;
|
|
background: #00feca;
|
|
font-size: 20pt;
|
|
min-width: 18vw;
|
|
display: block;
|
|
transition: all .25s ease-in-out;
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.margin-bottom {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.ncstyle-button_blue:hover {
|
|
background: #fbc617;
|
|
}
|
|
.ncstyle-button_yellow:hover {
|
|
background: #fbc617;
|
|
}
|
|
|
|
.ncstyle-input {
|
|
margin: auto;
|
|
padding: 7px 6px;
|
|
font-size: 16px;
|
|
background-color: white;
|
|
color: #454545;
|
|
border: 1px solid #dbdbdb;
|
|
outline: none;
|
|
border-radius: 3px;
|
|
cursor: text;
|
|
width: 80vw;
|
|
}
|
|
|
|
.click {
|
|
cursor: pointer;
|
|
}
|
|
|
|
#script-copy {
|
|
display: none;
|
|
}
|
|
|
|
@media only screen and (max-width: 1080px) {
|
|
h1 {
|
|
font-size: 48px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 32px;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
p {
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
.title {
|
|
text-align: center;
|
|
}
|
|
|
|
.logo {
|
|
width: 20vw;
|
|
margin: 0;
|
|
}
|
|
|
|
.ncstyle-button_blue {
|
|
font-size: 24px;
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 1080px), screen and (max-height: 600px) {
|
|
.scroll-down-arrow {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.scroll-down-arrow {
|
|
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.scroll-down-link {
|
|
cursor:pointer;
|
|
height: 60px;
|
|
width: 80px;
|
|
margin: 0px 0 0 -40px;
|
|
line-height: 60px;
|
|
position: absolute;
|
|
left: 50%;
|
|
bottom: 10px;
|
|
color: #FFF;
|
|
text-align: center;
|
|
font-size: 70px;
|
|
z-index: 100;
|
|
text-decoration: none;
|
|
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
|
|
animation: fade_move_down 2s ease-in-out infinite;
|
|
}
|
|
|
|
/*animated scroll arrow animation*/
|
|
@keyframes fade_move_down {
|
|
0% { transform:translate(0,-20px); opacity: 0; }
|
|
50% { opacity: 1; }
|
|
100% { transform:translate(0,20px); opacity: 0; }
|
|
}
|
|
|
|
|
|
.lds-ring {
|
|
display: inline-block;
|
|
position: relative;
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
.lds-ring div {
|
|
box-sizing: border-box;
|
|
display: block;
|
|
position: absolute;
|
|
width: 64px;
|
|
height: 64px;
|
|
margin: 8px;
|
|
border: 8px solid #fff;
|
|
border-radius: 50%;
|
|
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
.lds-ring div:nth-child(1) {
|
|
animation-delay: -0.45s;
|
|
}
|
|
.lds-ring div:nth-child(2) {
|
|
animation-delay: -0.3s;
|
|
}
|
|
.lds-ring div:nth-child(3) {
|
|
animation-delay: -0.15s;
|
|
}
|
|
@keyframes lds-ring {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|