Hacktoberfest2022

project.txt

@@ -0,0 +1,84 @@
+body{
+margin: 0;
+padding :0;
+background :(background.png);
+background-size: cover;
+background-position: center;
+font-family: sans-serif;
+}
+
+.loginbox {
+width: 320px;
+height: 420px;
+background: #000;
+color: #fff; 
+top: 50%;
+left: 50%;
+position: absolute;
+transform: translate(-50%,-50%);
+box-sizing: border-box;
+padding: 70px 30px;
+}
+
+.avatar{ 
+width: 100px;
+height: 100px;
+border-radius: 50%;
+position: absolute;
+top: -50px; 
+left: calc(50%-50px);
+}
+
+hl{
+margin: 0;
+padding: 0 0 20px; 
+text-align: centre;
+font-size: 22px;
+}
+.loginbox p{
+margin: 0;
+padding: 0;
+font-weight: bold;
+}
+
+.loginbox input{ 
+width: 100%;
+margin-bottom: 20px;
+}
+
+.login input [type="text"], input[type="password"]
+{
+border: none ;
+bottom-bottom: 1px  solid #fff;
+background: transparent:
+outline: none; 
+height: 40px;
+color: #fff ;
+font-size= 16px;
+}
+
+.loginbox input [type ="submit"]
+border: none;
+outline: none; 
+height: 40px;
+backround: #fb2525;
+color: #fff;
+font-size: 18px;
+border-radius: 20px;
+}
+.loginbox input [type ="submit"]:hover 
+{
+cursor: pointor;
+background: #ffc107:
+color: #000;
+}
+.login a{
+text-decoration: none;
+font-size: 12px;
+line-height : 20px;
+color: darkgrey;
+}
+
+loginbox a:hover
+{
+color: #ffc107;