Difference between revisions of "User:SciWhiz12/mainpage sandbox/styles.css"

From Forge Community Wiki
(remove top margin in round warning)
(argh, fix the round warning text's inner margin at last)
Line 14: Line 14:
 
   width: 60%;
 
   width: 60%;
 
   border-radius: 1em;
 
   border-radius: 1em;
  margin-top: 0;
 
 
   margin: auto;
 
   margin: auto;
 
   background-color: #fefefe;
 
   background-color: #fefefe;
Line 22: Line 21:
 
   justify-content: center;
 
   justify-content: center;
 
   align-items: center;
 
   align-items: center;
 +
}
 +
 +
.round_warning p {
 +
  margin-top: 0;
 
}
 
}
  

Revision as of 17:29, 21 December 2020

.center {
  text-align: center;
}

.title {
  font-weight: 900;
  font-size: 3em;
  line-height: 1.2em;
  color: #e0a969;
}

.round_warning {
  font-weight: 700;
  width: 60%;
  border-radius: 1em;
  margin: auto;
  background-color: #fefefe;
  color: #222;
  height: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.round_warning p {
  margin-top: 0;
}

.box_container {
  display: flex;
  flex-flow: row wrap;
}

.box {
  flex: 1 1 12em;
  padding: 1em;
  border: solid;
  border-radius: 1em;
  margin: 0.5em;
}

.box h1, .box h2, .box h3 {
  margin-top: 0
}