123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- html{
- background-image: url(../img/backgrounds/38ee005410119812a02be987ba6536b0.gif);
- color: #FCFCFC;
- font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
- }
- header{
- text-align: center;
- font-family: "Wayfarer's Toy Box";
- padding-top: 10px;
- }
- main {
- display: flex;
- flex-wrap: nowrap;
- flex-direction: row;
- justify-content: center;
- align-items: flex-start;
- }
- #center{
- display: flex;
- flex-direction: column;
- width: 528px;
- }
- nav{
- flex-shrink: 1;
- font-size: 1.5rem;
- }
- .navi{
- list-style-type: none;
- margin-bottom: 1.2rem;
- margin-right: 2rem;
- padding: 0px 6px 2px 6px;
- background-color: #303030;
- text-align: center;
- border-style: solid;
- border-color: #E0E0E0;
- border-width: 2px;
- border-radius: 25px;
- flex-shrink: 1;
- }
- a{
- text-decoration: none;
- color: #FCFCFC;
- }
- a:hover{
- text-decoration: none;
- color: purple;
- }
- a:visited{
- text-decoration: none;
- color: #FCFCFC;
- }
- .blurb{
- width: 528px;
- background-color: #303030;
- font-size: 1.2rem;
- border-style: solid;
- border-color: #E0E0E0;
- border-radius: 25px;
- border-width: 2px;
- padding: 10px;
- }
- #blinkies{
- flex-shrink: 1;
- display: flex;
- flex-direction: column;
- margin-left: 2rem;
- width: 150px;
- }
- #buttons{
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start;
- }
- #buttons>img{
- width: 88px;
- height: 31px;
- }
- #stamps{
- display: flex;
- flex-wrap: wrap;
- justify-content: flex-start;
- gap: 8px;
- }
- #stamps>img{
- width: 99px;
- height: 56px;
- }
- #social-container{
- display: flex;
- flex-direction: column;
- justify-content: center;
- margin-bottom: 20px;
- }
- .social-item{
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- .social-item > p{
- background-color: rgba(0, 0, 0, 0.4);
- padding: 3px;
- margin: 0;
- color: yellow;
- }
- .social-item > img{
- width: 88px;
- height: 31px;
- }
|