main.css

header {
   background-image:url("1713689654731.png")  ;
   background-position: top left; 
   position:relative;
   width: 100%;
   height: 400px;
   margin: 0px;
   
}
.mine {
    width: 150px;
    height: 150px;  
} 
h1{
    border-style: double dotted solid;
    border-color: rgb(255, 134, 134) rgb(247, 247, 250) pink ;
    border-width: 5px;
}
body {
    background-color: rgb(1, 3, 3);
    color: white ;
}
.login{
    vertical-align: middle;
    background-color: rgb(110, 60, 168);
    border-radius: 10px;
    opacity: 1;
    margin-left: 40px;
    border-style:none;
    box-shadow: pink;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-right:40px ;
    
}
.fops{
    width: 50%;
    height: 50%;
    opacity: 0.5;
    transition-delay: 2s;
    transition: 1s;
    
}
img:hover {
    border-radius: 20px;
    opacity: 1;
    cursor: pointer;
    transition: 2s;

    
    
}