Line 24: | Line 24: | ||
background-color: #eeeeee; | background-color: #eeeeee; | ||
padding: 10vmin 0vw 5vmin 0vw; | padding: 10vmin 0vw 5vmin 0vw; | ||
+ | } | ||
+ | #landing #goldmedal { | ||
+ | height: 20vmin; | ||
+ | width: auto; | ||
+ | margin: 2vw; | ||
+ | position: absolute; | ||
+ | left: 80vw; | ||
+ | top: 5vw; | ||
} | } | ||
#landing #mainlogo { | #landing #mainlogo { |
Latest revision as of 05:30, 24 November 2018
.pagelink#homeMenu a {
color: gold;
}
.maincont#container { width: 100vw;
height: auto;
display: flex; flex-direction: column; }
section.mainpage { position: relative; display: flex; width: 100vw; }
/*Landing*/ .mainpage#landing {
flex-direction: column; min-height: 70vh; align-items: center; justify-content: center; background-color: #eeeeee; padding: 10vmin 0vw 5vmin 0vw;
}
- landing #goldmedal {
height: 20vmin; width: auto; margin: 2vw; position: absolute; left: 80vw; top: 5vw;
}
- landing #mainlogo {
height: 50vmin; width: auto; margin: 2vw;
}
- landing h3 {
width: auto; font-family: prime; font-size: 1.8vmax; margin: 2vw 0vw 1.5vw 0vw;
}
- landing p {
margin: 0.8vw 0vw 1.2vw 0vw; font-family: blogger; font-size: 1.5vmax;
}
- homeflex {
width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
}
- homeflex .homebutton {
display: flex; align-items: center; justify-content: center; width: auto; height: 3vmax; padding: 1vw; margin: 1vw; cursor: pointer; background-color: gold; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;
} .homebutton a {
text-decoration: none !important; color: black;
} .homebutton a p {
font-family: rodina !important; font-size: 1.8vmax !important; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;
} .homebutton:hover {
background-color: black !important;
} .homebutton:hover a {
color: gold !important;
} .homebutton a:hover {
color: white !important; text-decoration: none;
}
/*Sponsors*/ .mainpage#sponsors {
flex-wrap: wrap; height: auto; background-color: #dddddd; justify-content: space-around;
}
- sponsors a img {
height: 20vmin; width: auto; margin: 2vmax;
}
/*Contact Us*/ .mainpage#contactUs {
flex-wrap: wrap; height: auto; background-color: #222222; justify-content: center;
}
- contactUs #contactLeft {
display: flex; flex-direction: column; width: 40vw; margin: 2vw;
}
- contactUs #contactRight {
display: flex; flex-direction: column; width: 30vw; margin: 2vw;
}
- contactLeft h4,#contactRight h4 {
margin: 1.5vw 0vw 1vw 0vw; color: #dddddd; font-family: prime; font-size: 1.6vmax;
}
- contactLeft p,#contactRight p {
margin: 0.5vw 0vw 0.5vw 0vw; color: #dddddd; font-family: blogger; font-size: 1.5vmax;
}
- contactLeft a,#contactRight a {
color: #999999; font-family: blogger; font-size: 1.5vmax; text-decoration: none;
}
- contactLeft a:hover,#contactRight a:hover {
color: white;
}
- contactUs #social {
display: flex; width: 100vw; margin: 1vmax 0vmax 1vmax 0vmax; justify-content: center;
}
- social .links {
font-family: social; font-size: 4vmax; margin: 1vmax; color: #999999; text-decoration: none; -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear;
}
- socFacebook:hover {
color: #3b5998;
}
- socTwitter:hover {
color: #00aced;
}
- footer {
display: flex; align-items: center; justify-content: flex-end; min-height: 2vmax; width: 90vw;
}
- footer p {
margin: 1vw 0vh 0vw 0vh; padding: 0.5vw 0 0.5vw 0; border-top: 0.1vw solid white; font-size: 1.5vmax; font-family: rodina; color: #dddddd;
}
/*Abstract and Description*/
- homecontainer {
position: relative; top: 2vmax; width: 100%; height: auto; display: flex; flex-direction: column; background-color: #eeeeee;
} section.submainpage {
padding: 2.5vw 7.5vw 2.5vw 7.5vw; position: relative; display: flex; flex-direction: column; align-items: center; min-height: 100vh; width: auto;
} .submainpage h1.subheading {
width: auto; font-family: rodina !important; font-size: 3vmax !important; margin: 2.5vw 0vw 2.5vw 0vw !important; border-bottom: 0.3vw solid gold !important;
} .submainpage p {
width: auto; align-self: flex-start; font-family: blogger !important; font-size: 1.5vmax !important; text-align: justify !important; margin: 0.8vw 0vw 1.2vw 0vw !important;
}