You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

144 lines
2.1 KiB
CSS

/*
Member 1: Josua
Member 2: Chris
Member 3: Ron
Member 4: JP
Member 5: Ron
*/
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
}
/*member 1 josua*/
/*button styling*/
button{
color: white;
padding: 10px;
width:9em;
font-size: 1rem;
font-weight: 600;
border-color: transparent;
border-radius: 25px;
}
/*end member 1 */
/*member 2 */
nav {
padding: 10px;
position: sticky;
top: 0;
z-index: 999;
background-color: white;
}
.right-nav {
float: right;
}
nav li {
display: inline-block;
list-style: none;
text-decoration: none;
}
.nav, .nav-logo {
margin: 8px;
padding: 3px;
}
/*end member 2 */
/* Ron - Member 3 */
#logo {
padding: 8px 5px 0 0;
}
#nav-button {
background-color: #c2195b;
}
.bg-container {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
height: 50vh;
z-index: 2;
}
#bg-image {
background-image: url(https://d3ojsfl21hfxhc.cloudfront.net/assets/zuitt/programdetails2_w.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
color: white;
height: 50vh;
z-index: 1;
}
/*Member 4 - JP Start*/
.container {
padding-top: 4rem;
text-align: right;
width: 40%;
height: 50%;
position: relative;
left: 55%;
z-index: 3;
}
.title {
font-family: Zilla Slab;
font-size: 3.5rem;
font-weight: 600;
}
.subtitle {
font-size: 1.3rem;
font-weight: 300;
width: 75%;
margin-left: 9rem;
margin-top: 15px;
display: inline-block;
float: right;
}
#apply-button {
margin-top: 50px;
background-color: #c2195b;
}
/*Member 4 - JP End*/
/* Ron - Member 5 */
#main {
padding: 1rem;
text-align: center;
}
.title-2 {
font-family: 'Zilla Slab', serif;
font-size: 3rem;
font-weight: 500;
margin: 3rem auto;
}
#description, #book-description {
margin: 3rem auto;
font-weight: 500;
width: 50%;
}
#book-button {
background-color: #336589;
margin-top: 2rem;
}
footer {
margin-top: 10rem;
margin-bottom: 1rem;
padding: 0;
text-align: center;
}
footer span {
margin: auto 5rem;
font-weight: 500;
}