File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
@charset "utf-8";
.row {
width: 100%;
height: 100%;
}
.grid {
display: grid;
grid-template-areas:
"header header"
"nav main";
grid-template-columns: 260px 1fr;
grid-template-rows: 50px 1fr;
}
.flex {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.flex-aling-center {
display: flex;
justify-content: center;
align-items: center;
}
.flex-align-rignt {
display: flex;
justify-content: flex-end;
align-items: center;
}
.flex10 {
flex: 0 0 9%
}
.flex20 {
flex: 0 0 19%
}
.flex30 {
flex: 0 0 29%
}
.flex40 {
flex: 0 0 39%
}
.flex50 {
flex: 0 0 49%
}
.flex60 {
flex: 0 0 59%
}
.flex70 {
flex: 0 0 69%
}
.flex80 {
flex: 0 0 79%
}
.margin-bottom {
margin-bottom: 1rem;
}
.margin-bottom2 {
margin-bottom: 2rem;
}
.margin-bottom25 {
margin-bottom: 2.5rem;
}
.margin-bottom3 {
margin-bottom: 3rem;
}
.margin-right {
margin-right: 1rem;
}
.large-btn {
width: 100%;
}
.small-btn {
padding: 0.5rem;
}
.brown-btn {
color: #ffffff;
background-color: #A7727D;
}
.gray-btn {
color: #ffffff;
background-color: #aaaaaa;
}
.white-btn {
background-color: #ffffff;
border: 1px solid #333333;
}
.essential {
font-size: 1.4rem;
}
.red {
color: red;
}