50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
body {
|
|
margin: 0; /* Remove body margins */
|
|
background-color: rgb(250, 248, 248);
|
|
}
|
|
|
|
.page-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: stretch;
|
|
padding-left: clamp(35px, 10%, 10vw);
|
|
padding-right: clamp(35px, 5%, 10vw);
|
|
padding-top: clamp(85px, 10vw, 160px)
|
|
}
|
|
@media only screen and (min-width: 1000px) {
|
|
.page-container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: stretch;
|
|
padding-left: clamp(35px, 25%, 10vw);
|
|
padding-right: clamp(35px, 25%, 10vw);
|
|
padding-top: clamp(85px, 10vw, 160px)
|
|
}
|
|
}
|
|
/*
|
|
@media only screen and (min-width: 750px) {
|
|
.page-container {
|
|
padding: 0px 50px;
|
|
padding-top: 85px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1000px) {
|
|
.page-container {
|
|
padding: 0px 75px;
|
|
padding-top: 85px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1500px) {
|
|
.page-container {
|
|
padding: 0px 120px;
|
|
padding-top: 85px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 1700px) {
|
|
.page-container {
|
|
padding: 0px 200px;
|
|
padding-top: 85px;
|
|
}
|
|
}*/ |