apostrophe/assets/sass/layout/_section.scss

67 lines
996 B
SCSS
Raw Normal View History

2018-05-30 16:41:16 +00:00
section {
height: 100vh;
display: flex;
// align-items: center;
justify-content: center;
padding-top: 10vh;
2018-05-31 23:22:49 +00:00
flex-wrap: wrap;
2018-05-31 00:49:11 +00:00
background: whitesmoke;
2018-05-30 16:41:16 +00:00
}
section img {
filter: drop-shadow( 0px 10px 40px #888888 );
width: 80%;
/* display: block;
margin-left: auto;
margin-right: auto;
justify-content: center; */
}
2018-05-31 00:49:11 +00:00
section.dark {
background: rgba(0, 0, 0, 0);
2018-05-31 23:22:49 +00:00
height: 900px;
flex-wrap: wrap;
2018-05-31 00:49:11 +00:00
}
section #programmers {
2018-05-31 23:22:49 +00:00
min-height: 50vh;
2018-05-31 00:49:11 +00:00
width: 100%;
position: absolute;
margin-top: -10vh;
2018-05-31 23:22:49 +00:00
margin-bottom: 50vh;
padding-top: 10vh;
display: flex;
flex-flow: wrap;
2018-05-31 00:49:11 +00:00
z-index: -1;
background: whitesmoke;
}
2018-05-31 23:22:49 +00:00
.programmer {
display: flex;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
2018-05-31 00:49:11 +00:00
section #footer {
height: 50vh;
width: 100%;
position: fixed;
2018-05-31 23:22:49 +00:00
bottom: 0px;
2018-05-31 00:49:11 +00:00
z-index: -2;
2018-05-31 23:22:49 +00:00
display: flex;
2018-05-31 00:49:11 +00:00
color: whitesmoke;
}