48 lines
730 B
CSS
48 lines
730 B
CSS
body {
|
|
grid-template-areas:
|
|
"nav nav nav"
|
|
"main main main"
|
|
"footer footer footer";
|
|
}
|
|
|
|
main {
|
|
display: grid;
|
|
grid-template-rows: auto;
|
|
grid-template-areas:
|
|
"ardent"
|
|
"efron"
|
|
"website"
|
|
;
|
|
}
|
|
|
|
.project {
|
|
background-color: rgba(0, 0, 0, 70%);
|
|
color: #e5e5e5;
|
|
}
|
|
.right {
|
|
margin-top: 2em;
|
|
margin-left: 40em;
|
|
border-top-left-radius: 10em;
|
|
border-bottom-left-radius: 10em;
|
|
padding-left: 2.5em;
|
|
}
|
|
|
|
.left {
|
|
margin-top: 2em;
|
|
margin-right: 40em;
|
|
border-top-right-radius: 10em;
|
|
border-bottom-right-radius: 10em;
|
|
padding-left: 0.5em;
|
|
}
|
|
|
|
#ardent {
|
|
grid-area: ardent;
|
|
}
|
|
|
|
#efron {
|
|
grid-area: efron;
|
|
}
|
|
|
|
#website {
|
|
grid-area: website;
|
|
} |