Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- background-color: #FBD3DC;
- width:900px;
- margin:auto;
- display:flex;
- flex-direction:column;
- font-family:DK Smiling Cat;
- }
- header{
- display:flex;
- justify-content: space-between;
- }
- header img{
- height: 50%;
- }
- #slider{
- display: flex;
- align-items:center;
- }
- #slider img{
- display: flex;
- flex-direction:row;
- justify-content:center;
- align-items: center;
- width: 400px;
- height: 400px;
- }
- #social{
- display: flex;
- flex-direction: column;
- justify-content: space-evenly;
- height: 150px;
- position: fixed;
- right: 20px;
- top: 40vh;
- }
- #social img{
- width: 35px;
- height: 35px;
- }
- p{
- font-size:200%;
- color: #DD2224;
- }
- h1{
- font-size: 400%;
- color: #DD2224;
- }
- h2{
- font-size:200%;
- color: #DD2224;
- }
- #description{
- font-family:DK Smiling Cat;
- display: flex;
- flex-direction:column;
- justify-content:flex-end;
- }
- #description a{
- color:white;
- width: 60%;
- text-decoration: none;
- font-size:80%;
- }
- .button {
- width: 200px;
- padding-top: 30px;
- padding-bottom: 30px;
- text-align: center;
- color: #000;
- text-transform: uppercase;
- font-weight: 600;
- margin-left: 30px;
- margin-bottom: 30px;
- cursor: pointer;
- display: inline-block;
- }
- .button-3 {
- border: 2px solid #DD2224;
- background-color: #DD2224;
- border-radius: 20px;
- color: #fff;
- transition: .3s;
- }
- .button-3:hover {
- box-shadow: 8px 8px #A02324;
- transition: .3s;
- }
- hr.rounded {
- border-top: 8px solid #DD2224;
- border-radius: 5px;
- }
- #footer{
- padding:40px;
- display:flex;
- flex-direction:row;
- justify-content:center;
- align-items: center;
- padding:40px;
- font-family:DK Smiling Cat;
- line-height:2em;
- padding: 5px;
- }
- #footer ul {
- margin: 0;
- padding: 5px;
- list-style-type: none;
- text-align: center;
- }
- #footer ul li {
- display: inline;
- }
- #footer ul li a {
- text-decoration: none;
- padding: .2em 1em;
- color: #DD2224;
- font-size: x-large;
- }
- #footer ul li a:hover {
- color: rgb(255, 255, 255);
- }
- a:active{
- color: rgb(255, 255, 255);
- }
- a:hover{
- color: #fff;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement