Fantastic and Cool Website Source Code - CSS File
If You did not Copy the Html File Yet Then Here Is the Link to Html File : HTML FILE
*{margin: 0; padding: 20;}
.logo{
width: 20%;
display: flex;
justify-content: center;
align-items: center;
}
.logo img{
width: 44%;
border: 5px solid white;
border-radius: 50px;
}
.navbar{
display: flex;
position: sticky;
top: 0;
cursor: auto;
}
.nav-list{
width: 70%;
background-color:gray;
display: flex;
justify-content: center;
align-items: center;
}
.nav-list li{
list-style: none;
padding: 23px;
}
.nav-list li a{
text-decoration: none;
color: white;
}
.nav-list li a:hover{
text-decoration: none;
color:pink;
}
.rightNav{
background-color: gray;
width: 30%;
text-align: right;
padding-right: 60px;
padding-top: 23px;
}
#search{
font-size: 16px;
border: 3px solid Yellow;
border-radius: 12px;
text-align: left;
}
.background{
background: grey url(river.jpg);
height: 100vh;
}
.firstSection{
height: 100vh;
}
.box-main{
display: flex;
justify-content: center;
align-items: center;
color: white;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
max-width: 50%;
margin: auto;
height: 80%;
font-size: x-large;
}
.first-half{
width: 80%;
display: flex;
flex-direction: column;
justify-content: center;
}
.second-half{
width: 30%;
}
.second-half img{
border: 5px solid lightblue;
border-radius: 200px;
display: block;
margin: auto;
}
.text-big{
padding-right: 50px;
font-size: xx-large;
color: blue;
text-align: center;
border: 2px solid rgba(165, 209, 164, 0.486);
border-radius: 23px;
background-color: black;
}
.btn{
padding: 8px 20px;
margin: 7PX 0;
border: 3px solid gray;
border-radius: 21px;
font-size: large;
color: white;
background-color: red;
cursor: pointer;
margin-bottom: 10px;
}
.bal{
padding: 8px 20px;
margin: 7PX 0;
border: 3px solid gray;
border-radius: 21px;
font-size: large;
color: white;
background-color: red;
cursor: pointer;
}
.bal:hover{
color: grey;
background-color: white;
}
.btn-sm{
padding: 6px 10px;
vertical-align: middle;
}
.secRight{
height: 500px;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
margin-right: 180px;
margin-left: 180px;
flex-direction: row-reverse;
background-color: white;
}
.paras{
padding: 0px 65px;
}
.sect{
height: 500px;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
margin-left: 180px;
margin-right: 180px;
}
.bkk{
padding: 8px 20px;
font-weight: bold;
border: 4px solid brown;
background-color: orange;
color: aqua;
border-radius: 50px;
cursor: pointer;
margin-right: 100px;
font-family: 'Ubuntu', sans-serif;
}
.bkk:hover{
color: black;
background-color: pink;
}
.imgt{
width: 250px;
border: 3px solid red;
border-radius: 23px;
margin-right: 50px;
}
.burgem{
display: none;
position: absolute;
cursor: pointer;
left: 5%;
top: 15px;
}
.line{
width: 33px;
background: white;
height: 4px;
margin: 3px 3px;
}
.footer{
background-color: grey;
color: white;
height: 20px;
position: relative;
border: 5px solid pink;
border-radius: 25px;
}
.footer .footer-bottom{
background-color: grey;
color: white;
height: 50px;
text-align: center;
position: absolute;
bottom: 2px;
left: 0px;
padding-top: 20px;
width: 100%;
}
.imgFluid{
border: 3px solid yellow;
border-radius: 23px;
margin-left: 30px;
}
.sect{
background-color: rgb(255, 255, 255);
}
.nav-list .homing{
color: aqua;
}
.sep{
height: 500px;
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
margin-right: 400px;
margin-left: 400px;
}
.imgp{
margin: 62px;
border: 3px solid yellow;
border-radius: 32px;
width: 300px;
height: 300px;
}
.puop{
padding: 15px 33px;
font-weight: bold;
border: 4px solid white;
background-color: grey;
color: lightsalmon;
border-radius: 50px;
cursor: pointer;
margin-right: 100px;
margin-left: 377px;
margin-top: 45px;
font-family: 'Ubuntu', sans-serif;
}
.puop:hover{
color: white;
background-color: black;
}
.rfg{
font-family: 'Ubuntu', sans-serif;
}
.homing{
font-family: 'Ubuntu', sans-serif;
}
@media only screen and (max-width: 1140px){
.nav-list{
flex-direction: column;
}
.navbar{
flex-direction: column;
position: absolute;
}
#search{
width: 100%;
}
.rightNav{
text-align: center;
margin-left: 200px;
padding-left: 45px;
}
.burgem{
display: block;
}
.footer{
margin-top: 254px;
}
.hui-vpn{
height: 72px;
}
.vpn{
opacity: 0;
}
}
.sectionSubTag{
font-family: 'Ubuntu', sans-serif;
}
.oin{
font-weight: bold;
}
