Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* body {visibility:hidden} */
- body {
- max-height: 100%;
- max-width: 100%;
- padding: 0px;
- min-height: 100vh;
- /* background-color: #55dde0; */
- background-image: url('../images/background.png');
- background-color: #F9A28E;
- background-size: 100%;
- background-position: center;
- background-size: 100%;
- font-family: sans-serif;
- font-size: 1rem;
- color: white;
- text-align: center;
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: center;
- }
- #icon-SB {
- float: left;
- }
- :focus {
- outline: none;
- }
- header {
- padding-bottom: 30px;
- }
- /* inicio menu superior */
- #menu ul {
- padding:0px;
- margin:0px;
- background-color: none;
- list-style:none;
- }
- #menu ul li { display: inline; }
- #menu ul li a {
- padding: 5px 50px;
- display: inline-block;
- /* visual do link */
- background-color:whitesmoke;
- color: #333;
- text-decoration: none;
- border-bottom:3px solid black;
- border-radius: 20px;
- }
- #menu ul li a:hover {
- background-color: rgb(255, 161, 107) ;
- color: whitesmoke;
- border-bottom:3px solid rgb(153, 151, 151);
- }
- /* final menu superior */
- #sandbox_image{
- height: 200px;
- width: auto;
- padding-bottom: 100px;
- }
- section {
- max-width: 300px;
- background-color: white;
- padding: 20px;
- border-radius: 10px;
- color: #666;
- box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
- }
- p {
- color: black;
- }
- /* label underline focus color */
- footer {
- background-color:rgb(153, 151, 151);
- padding: 3px;
- /* padding-bottom:3px; */
- border-radius: 15px;
- font-size: 1rem;
- }
- /* Autor */
- a:link, a:visited {
- color: #000000;
- font-weight: bold;
- transition-duration: .5s;
- }
- a:active, a:hover {
- color: blue;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement