4/8/23, 10:42 PM New web.

css

*{
margin: 0px;
padding: 0px;
}
body{
width:90%;
background-image: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url('image.jpg');
background-position:center;
background-size:cover;
height:100vh;
}
h1{
color:orangered;
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
padding-top: 10px;
padding-left:75px;
font-weight: bold;
}
.navication{
position:absolute;
top:30px;
left:300px;
}
.home{
text-decoration: none;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-weight:bold;
color:white;
}
.about{
text-decoration:none;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-weight:bold;
color:white;
margin-left: 70px;
}
.service{
text-decoration: none;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-weight:bold;
color:white;
margin-left: 70px;
}
.design{
text-decoration: none;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-weight:bold;
color:white;
margin-left: 70px;
}
.contact{
text-decoration: none;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-weight:bold;
color:white;
margin-left: 70px;
}
a:hover{
color:rgba(255, 175, 100, 0.884);
transition: 0.6s ease;

}
.search{
position:absolute;
top:20px;
left:1000px;
}
.name{

file:///E:/My HTML AND CSS Project/Photo pix/New web.css 1/4

4/8/23, 10:42 PM New web.css

background-color:transparent;
height:30px;
width:200px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-right-style: none;
font-size: 15px;
padding-left:5px;
color:white;
border-width: 0.5px;
}
.submit{
width:100px;
height: 35px;
position: relative;
left:-3px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
border-left-style:none;
background-color:orangered;
color:white;
}
.container{
color: white;
position:relative;
top:150px;
left:70px;
}
.web{
font-size: 40px;
font-family: sans-serif;
}
.devlop{
font-size: 55px;
font-family: verdana;
color:orangered;
font-weight:bold;
}
.course{
font-size: 40px;
font-family: sans-serif;
}
p{
font-family:Arial, Helvetica, sans-serif;
letter-spacing: 1.2px;
margin-top:5px;
line-height: 25px;
font-size:13px
}
.join{
margin-top:30px;
width:100px;
height:30px;
background-color:orangered;
border-radius: 5px;
font-family:verdana;
font-weight:bold;
}
.login{
background:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8));
width:270px;
height:350px;
position: relative;
left:1000px;
top:-180px;
border-radius: 5px;

}
h2{

file:///E:/My HTML AND CSS Project/Photo pix/New web.css 2/4

4/8/23, 10:42 PM New web.css

background-color:white;
width:230px;
text-align: center;
font-family:Verdana, Geneva, Tahoma, sans-serif;
font-size:20px;
color:rgba(255, 102, 0, 0.863);
border-radius: 5px;
position: relative;
top:15px;
left:7%;
}
.username{
position: relative;
top:45px;
left:7.5px;
width:250px;
height:25px;
background-color:transparent;
color:white;
font-size:15px;
border-top-style:none;
border-right-style:none;
border-left-style: none;
border-width: 1.2px;
}
.password{
position: relative;
top:65px;
left:7.5px;
width:250px;
height:25px;
background-color:transparent;
color:white;
font-size:15px;
border-top-style:none;
border-right-style:none;
border-left-style: none;
border-width: 1.2px;
}
.button{
position: relative;
top:88px;
left:30px;
width:210px;
height: 27px;
background-color:orangered;
border-radius: 7px;
}
.login p{
color:white;
position: relative;
top:90px;
left:55px;
}
.login div{
position: relative;
top:85px;
left:82px;
color:white;
letter-spacing:2.2px;
}
.login div a{
text-decoration: none;
color:red;
font-family:sans-serif;
font-size:15px;
}
.login label{
color:white;

file:///E:/My HTML AND CSS Project/Photo pix/New web.css 3/4

4/8/23, 10:42 PM New web.css

position: relative;
top:90px;
left:95px;
font-family:verdana;
font-size:14px;
}
.icon1{
height:40px;
position: absolute;
top:290px;
left:20px;
}
.icon2{
height:40px;
position: absolute;
top:290px;
left:100px;
}
.icon3{
height:40px;
position: absolute;
top:290px;
left:190px;
}

file:///E:/My HTML AND CSS Project/Photo pix/New web.css 4/4