forked from Mirrors/apostrophe
57 lines
943 B
SCSS
57 lines
943 B
SCSS
|
|
.section {
|
|
height: 100vh;
|
|
display: flex;
|
|
// align-items: center;
|
|
justify-content: center;
|
|
padding-top: 10vh;
|
|
flex-wrap: wrap;
|
|
|
|
background: whitesmoke;
|
|
|
|
}
|
|
|
|
.section img {
|
|
filter: drop-shadow( 0px 10px 40px #888888 );
|
|
width: 80%;
|
|
|
|
z-index: 3;
|
|
/* display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
justify-content: center; */
|
|
}
|
|
|
|
.section.dark {
|
|
background: rgba(0, 0, 0, 0);
|
|
height: 900px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.section.programmers {
|
|
/* min-height: 80vh;
|
|
overflow: hidden; */
|
|
height: auto;
|
|
width: 100%;
|
|
|
|
position: absolute;
|
|
margin-bottom: 20vh;
|
|
|
|
display: flex;
|
|
flex-flow: wrap;
|
|
|
|
z-index: 2;
|
|
|
|
background: whitesmoke;
|
|
box-shadow: 0px 20px 40px 0px #1010104f;
|
|
}
|
|
|
|
/********MOBILE************/
|
|
|
|
@media (max-width: 480px) {
|
|
.section.programmers{
|
|
min-height: 80vh;
|
|
height: auto;
|
|
flex-flow: column;
|
|
}
|
|
} |