Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- margin:0;
- padding:0;
- }
- .topcontainer{
- background-color: #8C847B;
- height: 75px;
- margin-top: 0px;
- width: 100%;
- }
- .topleft{
- float:left;
- height: 75px;
- margin-top: 0px;
- width: 450px;
- }
- .topright{
- float:right;
- height: 75px;
- margin-top: 0px;
- width: 450px;
- }
- .midcontainer{
- width:100%;
- overflow: hidden;
- position: fixed;
- top: 0;
- right: 0;
- z-index: -100;
- }
- .topright > ul > li{
- display: inline;!important
- margin-top: 30px!important;
- color: #EDECEB;
- font-family: 'Bellefair', serif;
- font-size: 20px;!important
- float: right;
- padding: 35px 25px 5px 5px;
- }
- .buttons{
- font-family: 'Bellefair', serif;
- background-color: #8C847B!important;
- color: #EDECEB!important;
- font-size: 12px;
- border:none;
- display: inline-block;
- vertical-align:middle;
- text-align: center;
- height: 30px;
- text-decoration: none;
- transition: all 0.5s;
- cursor: pointer;
- border-radius: 4px;
- }
- .button span {
- cursor: pointer;
- display: inline-block;
- position: relative;
- transition: 0.5s;
- }
- .button span:after {
- content: ' >>';
- position: absolute;
- opacity: 0;
- top: 0;
- right: -20px;
- transition: 0.5s;
- }
- .button:hover span {
- padding-right: 25px;
- }
- .button:hover span:after {
- opacity: 1;
- right: 0;
- }
- #firstbutton{
- margin-left: 25px;
- }
- .topleft > img{
- width: 80px;
- height: 80px;
- margin:0 0 0 10px;
- float: left;
- }
- .midcontainer > video{
- z-index: -100;
- display:block;
- width:100%;
- margin:0;
- padding:0;
- }
- .transbox{
- background-color: rgba(223,189,139,0.3);
- position: absolute;
- top:0;
- right:10%;
- height:100vh;
- width: 300px;
- }
- .form{
- padding:20px;
- margin-top:125px!important;
- }
- input{
- width:80%!important;
- margin-left:10px;
- }
- @media screen and (max-width: 1100px) {
- .mid_container > video{
- width:1100px;
- }
- }
Add Comment
Please, Sign In to add comment