.archivecolor {
    
    display: flex;
    justify-content: center;
    align-items: center
}
.updatecolor {
    
    display: flex;
    justify-content: center;
    align-items: center
}
.rulescolor {
   
    display: flex;
    justify-content: center;
    align-items: center
}
.usercolor {
    
    display: flex;
    justify-content: center;
    align-items: center
}
.extracolor {
    
    
    display: flex;
    justify-content: center;
    align-items: center
}

.shadow {
    background-color: rgba(30, 104, 160, 100);
    width: 500px;
    padding: 20px;
    margin: 20px 0;
    border-radius: 10px;
   -webkit-box-shadow: 5px 5px 0px 0px #289FED, 10px 10px 0px 0px #5FB8FF, 15px 15px 0px 0px #A1D8FF, 20px 20px 0px 0px #CAE6FF, 25px 25px 0px 0px #E1EEFF, 24px 35px 13px 7px rgba(0,0,0,0); 
    box-shadow: 5px 5px 0px 0px #289FED, 10px 10px 0px 0px #5FB8FF, 15px 15px 0px 0px #A1D8FF, 20px 20px 0px 0px #CAE6FF, 25px 25px 0px 0px #E1EEFF, 24px 35px 13px 7px rgba(0,0,0,0);
}

.center {
    color: green;
    display: flex;
    justify-content: center;
    align-items: center;


  
}

.shit {
    background-color: rgba(30, 104, 160, 100);

}

.f {
    background-color: seagreen;
    width: 388px;
}

.center2 {
    color: firebrick;

    display: flex;
    justify-content: center;
    align-items: center;
}
.center3 {
    
    display: flex;
    justify-content: center;
    align-items: center;
}
.center4 {
  display: block;      
  margin-left: auto;   
  margin-right: auto;  
}
/*
i dont think i need this bruh.
background-color: blueviolet;
width: 1003px;

.center:hover {
    background: #1d4ed8;
    transform: translateY(3px);
    box-shadow: 0 6px 12px rgba(0,0,0,.15);
}
*/