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.
122 lines
1.4 KiB
SCSS
122 lines
1.4 KiB
SCSS
h5 {
|
|
letter-spacing: 3px;
|
|
}
|
|
@media screen and (max-width: 740px) {
|
|
.full-height,
|
|
.full-height body,
|
|
.full-height header,
|
|
.full-height header .view {
|
|
height: 700px;
|
|
}
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
//height: 100%;
|
|
line-height: 1.5;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.main {
|
|
|
|
}
|
|
|
|
|
|
.container {
|
|
height: 100%;
|
|
width:100%;
|
|
display: flex;
|
|
overflow-y: auto;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.extra-margins {
|
|
width: 98%;
|
|
padding-left: 3%;
|
|
padding-right: 5%;
|
|
|
|
}
|
|
|
|
.feature-box {
|
|
width: 98%;
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
}
|
|
|
|
.feature-box > p {
|
|
font-size: 1.3rem;
|
|
}
|
|
|
|
.features-big p {
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.features {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding-left: 10%;
|
|
padding-right: 10%;
|
|
}
|
|
|
|
#projects {
|
|
padding: 5%;
|
|
}
|
|
|
|
.feature-title {
|
|
padding-bottom: 5%;
|
|
}
|
|
|
|
#footer-text {
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
}
|
|
|
|
.feature-item {
|
|
padding-top: 2%;
|
|
}
|
|
|
|
.feature-title {
|
|
padding-bottom: 5%;
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.black-text {
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
#featuresImg1, #featuresImg2 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
|
|
.modal-body {
|
|
margin: 5%;
|
|
overflow-y: auto;
|
|
height: 35vh
|
|
}
|
|
|
|
|
|
@media only screen
|
|
and (min-device-width : 320px)
|
|
and (max-device-width : 568px) {
|
|
.feature-box {
|
|
top: 20vh;
|
|
}
|
|
#projects {
|
|
top: 20vh;
|
|
}
|
|
|
|
.page-footer {
|
|
top: 20vh;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|