Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- box-sizing: border-box;
- }
- body {
- margin: 0;
- }
- nav img, nav a img{
- width: 5vw;
- height: 5vw;
- display: inline-block;
- }
- .logo {
- float: left;
- }
- .social {
- float: right;
- }
- nav {
- width: 100%;
- max-height: 5vw;
- height: 5vw;
- background-color: #0a0a0a;
- clear: both;
- z-index: 1;
- }
- nav #menudesktop{
- list-style-type: none;
- text-align: center;
- float: left;
- margin: 0;
- }
- nav #menudesktop li{
- display: inline-block;
- padding-top: 2.7vh;
- padding-bottom: 3vh;
- transition: all 0.7s cubic-bezier(.215, .61, .355, 1);
- }
- nav #menudesktop li a:link, nav #menudesktop li a:visited, nav #menudesktop li a:active {
- font-size: 1.6vw;
- color: white;
- text-decoration: none;
- font-family: 'Inter', sans-serif;
- padding: 1.5vw;
- }
- nav #menudesktop li:hover, .social:hover {
- background-color: #363636;
- color: white;
- height: 5vw;
- }
- #menuresponsive {
- display: none;
- }
- @keyframes presentazione {
- 0% {background-image: url("../img/pizza1.jpg");}
- 33.33% {background-image: url("../img/pizza2.jpg");}
- 66.66% {background-image: url("../img/pizza3.jpg");}
- 100% {background-image: url("../img/pizza4.jpg");}
- }
- @-webkit-keyframes presentazione {
- 0% {background-image: url("../img/pizza1.jpg");}
- 33.33% {background-image: url("../img/pizza2.jpg");}
- 66.66% {background-image: url("../img/pizza3.jpg");}
- 100% {background-image: url("../img/pizza4.jpg");}
- }
- @-moz-keyframes presentazione {
- 0% {background-image: url("../img/pizza1.jpg");}
- 33.33% {background-image: url("../img/pizza2.jpg");}
- 66.66% {background-image: url("../img/pizza3.jpg");}
- 100% {background-image: url("../img/pizza4.jpg");}
- }
- #top {
- background-image: url("../img/pizza1.jpg"), url("../img/pizza2.jpg"), url("../img/pizza3.jpg"), url("../img/pizza4.jpg");
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-size: 100% 140%;
- z-index: 0;
- position: relative;
- left: 0;
- top: 0;
- width: auto;
- height: 30vw;
- animation-name: presentazione;
- animation-duration: 15s;
- animation-iteration-count: infinite;
- animation-delay: 1.5s;
- animation-timing-function: linear;
- animation-direction: alternate;
- -webkit-animation-name: presentazione;
- -webkit-animation-duration: 15s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-delay: 1.5s;
- -webkit-animation-timing-function: linear;
- -webkit-animation-direction: alternate;
- -moz-animation-name: presentazione;
- -moz-animation-duration: 15s;
- -moz-animation-iteration-count: infinite;
- -moz-animation-delay: 1.5s;
- -moz-animation-timing-function: linear;
- -moz-animation-direction: alternate;
- }
- #top p {
- z-index: 1;
- position: relative;
- top: 10vw;
- text-align: center;
- font-family: 'Redressed', cursive;
- font-size: 2.2vw;
- margin: 0;
- opacity: 1;
- background-color: rgba(204, 203, 202, 0.4);
- }
- #bandiera {
- position: absolute;
- left: 38vw;
- top: 23vw;
- text-align: center;
- font-size: 5vw;
- border: 0;
- margin: 0;
- font-family: 'Open Sans', sans-serif;
- opacity: 1;
- background-color: transparent;
- }
- #content {
- font-family: 'Redressed', cursive;
- position: relative;
- background-color: rgba(245, 245, 245);
- }
- #chi-siamo {
- width: 50vw;
- color: black;
- position: relative;
- height: 34vw;
- top: 5vw;
- left: 25%;
- }
- #chi-siamo hr {
- margin: 0;
- position: relative;
- }
- #chi-siamo h1 {
- position: relative;
- top: 6vw;
- left: 3vw;
- text-align: left;
- font-size: 3.3vw;
- margin: 0;
- max-width: 22vw;
- display: inline-block;
- float: left;
- }
- #chi-siamo p {
- position: relative;
- top: 6.5vw;
- left: 4vw;
- text-align: left;
- font-size: 1.5vw;
- margin-top: 1vw;
- max-width: 22vw;
- font-style: italic;
- margin: 0;
- display: inline-block;
- float: left;
- clear: both;
- font-family: 'Roboto', sans-serif;
- }
- #chi-siamo img {
- position: absolute;
- top: 3vw;
- right: 2vw;
- width: 18vw;
- height: 18vw;
- display: inline-block;
- box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 12px 40px 0 rgba(0, 0, 0, 0.19);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement