Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- ** Main elements
- */
- body {
- background-color: #966BD6;
- width: 100%;
- margin: 0;
- }
- * {
- box-sizing: border-box;
- font-family: "Comic Sans MS";
- }
- h1 {
- text-align: center;
- }
- /*
- ** General layout
- */
- .content {
- width: 80%;
- /* /height: 720px; */
- display: block;
- margin: 100px auto;
- padding: 50px;
- position: relative;
- background-color: #FFFFFF;
- border-radius: 3px;
- }
- .footer {
- width: 100%;
- height: 50px;
- padding: 10px 10%;
- background-color: #4D2982;
- }
- .footer-content {
- color: #ffffff;
- text-align: center;
- }
- a {
- color: #33CCCC ;
- }
- .line-container {
- width: 100%;
- margin: 30px 0;
- overflow: hidden;
- text-align: center;
- }
- .text-container {
- text-align: justify;
- width: 50%;
- display: inline-block;
- vertical-align: middle;
- padding: 20px; /* ver horiz */
- }
- .image {
- width: 49%;
- display: inline-block;
- vertical-align: middle;
- }
- .right {
- float: right;
- }
- /*
- ** Screen width: 800px
- */
- @media screen and (max-width: 800px) {
- .text-container {
- width: 100%;
- }
- .image {
- width: 80%;
- }
- }
- /*
- ** Screen width: 670px
- */
- @media screen and (max-width: 670px) {
- .content {
- width: 100%;
- margin: 0;
- padding: 5px;
- }
- .image {
- width: 90%;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement