.background {position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9; } .screen {position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10; background-image: url(../img/lamp.png); background-repeat: repeat-x; } .savethedate {color:#14295b; width: 96%; font-size:50px; font-family: 'Playball', cursive; } .forthewedding {color:#525252; width: 96%; font-size: 18px; letter-spacing: 5px; font-family: 'Julius Sans One', sans-serif; font-weight: 700; } .mempelai {color:#14295b; width: 96%; font-size:40px; font-family: 'Julius Sans One', sans-serif; font-weight:bold; text-transform: uppercase; } .mempelai span {font-family: 'Playfair Display', serif; } .date {color: #14295b; text-align: center; width: 50%; font-size: 23px; font-family: 'Julius Sans One', sans-serif; font-weight: 700; } .alamat {color:#525252; text-align: center; width: 96%; font-size:20px; font-family: 'Julius Sans One', sans-serif; font-weight:normal; } .alamat span {font-size:15px; } .head {padding-top:1%;margin:auto;color:#14295b;width: 96%;font-size: 40px;font-family: 'Playball', cursive;} .head span {font-family: 'Playfair Display', serif; } .img_bride_groom {-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .bride-groom {color:#ffffff; font-size:30px; font-family: 'Playball', cursive; } .bride-groom span {margin-top:2%; font-family: 'Julius Sans One', sans-serif; font-weight:normal; font-size:15px; letter-spacing: 2px; } .bride-groom1 {color:#14295b;font-size: 24px;font-family: 'Playball', cursive;width:100%;margin-bottom: 5px;} .bride-groom1 span {color:#525252;margin-top: 3px;font-family: tahoma;font-weight:normal;font-size: 12px;letter-spacing: 2px;line-height: 14px;} .bride-groom2 {color:#14295b;font-size: 23px;font-family: 'Playball', cursive;width:100%;margin-bottom: 5px;margin-top: 14px;} .bride-groom2 span {color:#525252;margin-top: 3px;font-family: tahoma;font-weight:normal;font-size: 12px;letter-spacing: 2px;line-height: 14px;} .wedding-ceremony {color:#14295b;width: 100%;font-size: 28px;font-family: 'Playball', sans-serif;font-weight: 700;} .gaya {display: inline-block;width: 70px;height: 70px;background-color:#525252;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position: relative;animation: pulse 1s ease infinite;color:white;font-size:30px;padding-top:12px;font-family: 'Playball';} .gaya span {font-size:8px; display:block; } .button {background-color: #525252; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; width:100%; } .button:hover {background-color: #525252; } * {box-sizing: border-box;} input[type=text], select, textarea {width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; } label {padding: 12px 12px 12px 0; display: inline-block; } input[type=submit] {background-color: #85705f; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer; float: right; } input[type=submit]:hover {background-color: #aa9483; } .container1 {border-radius: 5px; width:96%; margin:auto; margin-bottom:10px; } .container2 {background-color: #f2f2f2; border-radius: 5px; width:96%; padding:10px; margin:auto; margin-bottom:5px; } .nama_wishes {margin-top:5px; width:100%; text-align:left; font-weight:bold; font-family: 'Julius Sans One', sans-serif; letter-spacing: 2px; font-size:20px; color:#85705f; } .isi_wishes {width:100%; text-align:left; color:#85705f; font-size:13px; margin-bottom:15px; } .col-25 {float: left; width: 25%; margin-top: 6px; } .col-75 {float: left; width: 75%; margin-top: 6px; } /* Clear floats after the columns */ .row:after {content: ""; display: table; clear: both; margin-bottom:5px; } /* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) {.col-25, .col-75, input[type=submit] {width: 100%; margin-top: 0; } } .window {margin-top: 3%;height: 100%;overflow-y:scroll;} .cpw-cpp {width: 100%;margin: 0 auto;padding-top:2%;} .cpw-cpp1 {width:75%; margin: 0 auto; padding-top:2%; } .cpw1 {/* width: 100; */} .cpp1 {/* width:49%; *//* float:left; */} .cpw {} .cpp {width: 100%;/* float:left; */} .clock {padding-top:3%; } .map {width: 70%;} .direction {width: 70%;} .wishes {width: 100%;margin:0 auto;clear:both;padding-top:3%;}