mirror of
https://github.com/Rushilwiz/HiLo.git
synced 2025-04-16 01:40:16 -04:00
125 lines
2.7 KiB
CSS
125 lines
2.7 KiB
CSS
@charset "UTF-8";
|
|
@font-face {
|
|
src: url("./fonts/Hanson-Bold.ttf");
|
|
font-family: "Hanson-Bold"; }
|
|
html {
|
|
background-color: #333;
|
|
font-family: "Hanson-Bold", "Arial", sans-serif; }
|
|
|
|
body {
|
|
overflow-y: scroll;
|
|
/* Keep scroll functionality */
|
|
-ms-overflow-style: none;
|
|
/* IE and Edge */
|
|
scrollbar-width: none;
|
|
/* Firefox */ }
|
|
|
|
body::-webkit-scrollbar {
|
|
display: none; }
|
|
|
|
.hero {
|
|
color: #333 !important;
|
|
background-color: #333 !important;
|
|
background-image: url("res/hero.png");
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: fixed; }
|
|
@media (max-width: 768px) {
|
|
.hero {
|
|
background-image: url("res/hero-mobile.png"); } }
|
|
|
|
.arrow {
|
|
cursor: pointer;
|
|
width: 70px;
|
|
margin: 0 auto;
|
|
margin-top: 70vh;
|
|
height: 100px; }
|
|
|
|
.arrow:after {
|
|
content: "";
|
|
margin-top: 70vh;
|
|
width: 70px;
|
|
height: 100px;
|
|
position: absolute;
|
|
background-image: url("res/arrow.svg");
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
-webkit-animation: 3s infinite ease;
|
|
animation: 3s infinite ease;
|
|
animation-name: การเคลื่อนไหวที่-1; }
|
|
@keyframes การเคลื่อนไหวที่-1 {
|
|
0%,
|
|
100% {
|
|
top: 50px; }
|
|
50% {
|
|
top: 80px; } }
|
|
.vh-25 {
|
|
height: 25vh; }
|
|
|
|
.vh-50 {
|
|
height: 50vh; }
|
|
|
|
.banner {
|
|
color: white;
|
|
background-image: url("res/banner.png");
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: fixed; }
|
|
|
|
.info-col {
|
|
background-color: #fff; }
|
|
|
|
.info-header {
|
|
color: white;
|
|
font-family: "Hanson-Bold", "Arial", sans-serif;
|
|
text-stroke: 3px #305899;
|
|
-webkit-text-stroke: 3px #305899; }
|
|
@media (max-width: 768px) {
|
|
.info-header {
|
|
font-size: 1.25em;
|
|
text-stroke: 2px #305899;
|
|
-webkit-text-stroke: 2px #305899; } }
|
|
|
|
.info {
|
|
font-size: .8em;
|
|
color: #2b5291;
|
|
font-family: "Hanson-Bold", "Arial", sans-serif; }
|
|
@media (max-width: 768px) {
|
|
.info {
|
|
font-size: .75em; } }
|
|
|
|
#insta-section {
|
|
background-color: #333; }
|
|
|
|
.poll {
|
|
color: white;
|
|
background-image: url("res/poll-gradient.png");
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-attachment: fixed;
|
|
font-family: "Hanson-Bold", "Arial", sans-serif;
|
|
font-weight: lighter;
|
|
font-size: .75em; }
|
|
@media (max-width: 768px) {
|
|
.poll {
|
|
background-image: url("res/poll-gradient.png"); } }
|
|
|
|
.short-answer {
|
|
padding-bottom: 10vh; }
|
|
|
|
label {
|
|
font-size: 1.25em; }
|
|
|
|
.emote img {
|
|
width: 25vw;
|
|
height: auto; }
|
|
|
|
.btn {
|
|
color: #2b5291;
|
|
border-image-repeat: none; }
|
|
|
|
/*# sourceMappingURL=styles.css.map */
|