Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- margin: 0;
- padding: 0;
- background-image: url(SunSet.jpg);
- }
- .Desision{
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%,-50%);
- }
- .btn{
- border-radius: 25px;
- border: 3px solid #00a8ff ;
- background: none;
- padding: 10px 20px;
- width: 200px;
- font-size: 25px;
- font-family: none ;
- cursor: pointer;
- margin: 10px;
- transition: 0.8s;
- position: relative;
- overflow: hidden;
- }
- .btn1,.btn2{
- color: #00a8ff;
- font-family: montserrat;
- }
- .btn1:hover,.btn2:hover{
- color: #fff;
- }
- .btn::before{
- content: "";
- position: absolute;
- left: 0px;
- width: 100%;
- height: 0%;
- background: #00a8ff ;
- z-index: -1;
- transition: 0.8s;
- }
- .btn1::before,.btn2::before{
- top: 0;
- border-radius: 0 0 50% 50% ;
- }
- .btn1:hover::before,.btn2:hover::before{
- height: 180%;
- }
- *{
- padding: 0;
- margin: 0;
- text-decoration: none;
- list-style: none;
- box-sizing: border-box;
- }
- body{
- font-family: montserrat;
- }
- nav{
- background: #0082e6;
- height: 80px;
- width: 100%;
- }
- nav ul.Navigation{
- float: right;
- margin-left: 20px;
- }
- nav ul.Navigation li{
- display: inline-block;
- line-height: 80px;
- padding-right: 20px;
- }
- nav ul.Navigation li a{
- color: white;
- font-size: 17px;
- padding: 7px 13px;
- border-radius: 3px;
- text-transform: uppercase;
- }
- label.logo{
- color: white;
- font-size: 35px;
- line-height: 80px;
- margin: 40px;
- font-weight: bold;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement