Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #yourbmi {
- margin-left: 100%;
- }
- *{
- margin: 0;
- padding: 0;
- list-style: none;
- text-decoration: none;
- }
- #wrapper {
- width: 100%;
- }
- body {
- background-image: url("../images/minh.jpg");
- background-size: cover;
- background-repeat: none;
- background-attachment: fixed;
- }
- #result {
- border: 3px solid white;
- background-color: rgb(0,0,0); /* Fallback color */
- background-color: rgba(61, 53, 53, 0.4); /* Black w/opacity/see-through */
- width: fit-content;
- text-align: center;
- margin-left: 47%;
- margin-top: 0%;
- font-size: 50px;
- font-family: 'Dancing Script';
- color: white;
- font-weight: bolder;
- }
- .omg{
- font-family: 'Dancing Script';
- font-size: 180px;
- margin-left: 36%;
- color: #770000;
- margin-top: -5%;
- /* width: 100%; */
- display: inline-block;
- }
- .describ{
- font-family: 'Dancing Script';
- width: 60%;
- text-align: center;
- font-size: 30px;
- margin-left: 20%;
- color: #770000;
- margin-top: 10px;
- }
- .omgfoodtour {
- margin-top: 50px;
- }
- #ip1, #ip2 {
- margin-top: 40px;
- margin-bottom: 20px;
- }
- .enter input {
- margin-left: 34%;
- border-radius: 20px;
- display: block;
- width: 500px;
- height: 60px;
- font-size: 100%;
- }
- #calcu, #book{
- font-family: 'Dancing Script';
- background-color: #770000;
- border-radius: 50px;
- display: block;
- color: white;
- }
- #calcu{
- width: 250px;
- font-family: 'Dancing Script';
- color: white;
- font-size: 50px;
- margin-top: 50px;
- margin-left: 42%;
- }
- #book{
- font-size: 62px;
- margin-top: 19px;
- margin-left: 49%;
- width: 312px;
- }
- button:hover {
- animation: shake 0.5s;
- animation-iteration-count: infinite;
- }
- @keyframes shake {
- 0% { transform: translate(1px, 1px) rotate(0deg); }
- 10% { transform: translate(-1px, -2px) rotate(-1deg); }
- 20% { transform: translate(-3px, 0px) rotate(1deg); }
- 30% { transform: translate(3px, 2px) rotate(0deg); }
- 40% { transform: translate(1px, -1px) rotate(1deg); }
- 50% { transform: translate(-1px, 2px) rotate(-1deg); }
- 60% { transform: translate(-3px, 1px) rotate(0deg); }
- 70% { transform: translate(3px, 1px) rotate(-1deg); }
- 80% { transform: translate(-1px, -1px) rotate(1deg); }
- 90% { transform: translate(1px, 2px) rotate(0deg); }
- 100% { transform: translate(1px, -2px) rotate(-1deg); }
- }
- #ip1:hover, #ip2:hover {
- border: 2px solid #90E6F5;
- }
- /* HEADER */
- .header{
- width: 100vw;
- height: 80px;
- display: block;
- background-color:white;
- }
- .header1{
- background-color: #8B8970;
- width: 100vw;
- }
- .fa {
- display: inline-block;
- padding: 5px;
- font-size: 20px;
- width: 0px;
- text-align: center;
- text-decoration: none;
- margin: 2px -56px;
- height: 30px;
- }
- .fa-facebook , .fa-twitter ,.fa-instagram {
- color: white;
- margin-left: 5%;
- }
- .inner_header{
- width: 90%;
- height: 100%;
- display: block;
- margin: 0 auto;
- /* background-color: red; */
- }
- .logo_container{
- height: 100%;
- display: table;
- float: left;
- }
- .logo_container h1{
- color: #770000;
- height: 100%;
- display: table-cell;
- vertical-align: middle;
- font-family: 'Dancing Script';
- font-size: 50px;
- font-weight: 200px;
- }
- .logo_container h1 span{
- font-weight: bold;
- }
- .navigation{
- float: right;
- height: 100%;
- }
- .navigation a{
- height: 100%;
- display: table;
- float: left;
- padding: 0px 20px;
- }
- .navigation a :last-child{
- padding-right: 0;
- }
- .navigation a li{
- display: table-cell;
- vertical-align: middle;
- height: 100%;
- color:#770000;
- font-family: 'Montserrat';
- font-size: 16px;
- }
- #header11 {
- width: 100%;
- }
- /* HET HEADER */
- /* FOOTER */
- .footer{
- margin-top: 20px;
- width: 100vw;
- display: block;
- padding: 20px 0;
- box-sizing: border-box;
- background-color: #8B8970;
- height: fit-content;
- }
- .inner_footer{
- display: flex;
- justify-content: space-around;
- margin: 0 auto;
- width: 100%;
- height: 100%;
- font-family: "Montserrat";
- font-size: 15px;
- color: white;
- }
- .inner_footer .footer_third a {
- display: block;
- margin-top: 5px;
- color: white;
- }
- #comment{
- margin-left: 350px;
- }
- #boxcomment{
- margin-left: 300px;;
- }
- /* .inner_footer .footer_third > span {
- margin-top: 10px;
- } */
- /* .inner_footer .footer_third{
- width: calc(21.6666666667% - 20px);
- margin-right: 10px;
- float: left;
- height: 100%;
- margin-top: 0;
- margin-bottom: auto;
- }
- .inner_footer .footer_third :last-child{
- margin-right: 0;
- }
- .inner_footer .footer_third h1{
- font-family: "Montserrat";
- font-size: 22px;
- color: white;
- display: block;
- width: 100%;
- margin-bottom: 20px;
- }
- .inner_footer .footer_third a{
- font-family: "Montserrat";
- font-size: 15px;
- color: white;
- display: block;
- width: 100%;
- margin-bottom: 10px;
- padding-bottom: 5px;
- }
- .inner_footer .footer_third span{
- color: white;
- font-family: 'Montserrat';
- font-size: 15px;
- font-weight: 200;
- display: block;
- width: 100%;
- padding-top: 0px; */
- /* } */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement