#user-login {
    display: grid;
    grid-template-columns: [register] 4fr [login] 2fr;
    grid-gap: 25px;
}

    #user-login .form {
        padding: 15px;

        background-color: var(--bg-coloor-alt);
        border-radius: 3px;
    }
    
#user-password {
    padding: 15px;
    margin: 0 auto;
    max-width: 600px;
    
    background-color: var(--bg-coloor-alt);
    border-radius: 3px;
}

    #user-password nav {
        display: flex;
        justify-content: space-between;
    }

#user-dashboard {
    display: grid;
    grid-template-columns: [addresses] 4fr [sidebar] 2fr;
    grid-gap: 25px;
}

    #user-dashboard .form {
        padding: 15px;

        background-color: var(--bg-coloor-alt);
        border-radius: 3px;
    }

    #user-dashboard aside .form {
        margin-bottom: 25px;
    }

        #user-dashboard aside .form:last-child {
            margin-bottom: 0;
        }
        
        
    #user-dashboard .list-orders {
        padding: 10px 15px;
        margin-bottom: 25px;

        background-color: var(--bg-coloor-alt);
        border-radius: 3px;
    }
    
        #user-dashboard .list-orders > a {
            display: inline-block;
            padding-top: 10px;
        }
    
        #user-dashboard .list-orders h2 {
            margin-bottom: 5px;
            
            font-family: var(--alt-font);
            font-size: 26px;
            letter-spacing: 1px;
            color: var(--color-link);
        }
    
        #user-dashboard .list-orders ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        
            #user-dashboard .list-orders ul li {
                display: grid;
                margin-bottom: 5px;
                padding: 5px 10px;
                grid-template-columns: 3fr 3fr 2fr 1fr;
                
                background: rgba(255, 255, 255, 0.3);
            }
                #user-dashboard .list-orders ul li:last-child {
                    margin-bottom: 0;
                }
            
            #user-dashboard .list-orders ul div {
                
            }
            
                #user-dashboard .list-orders ul div strong {
                    display: block;
                }
                
                #user-dashboard .list-orders ul div span {
                    display: block;
                }

    #user-dashboard .list-addresses {
        margin: 0;
        padding: 0 0 15px 0;

        list-style: none;
    }

        #user-dashboard .list-addresses > li {
            margin-bottom: 10px;
            padding: 10px 15px;

            background-color: var(--bg-coloor-alt);
        }

            #user-dashboard .list-addresses > li > div nav {
                margin-top: 5px;
            }

                #user-dashboard .list-addresses > li > div nav a {
                    margin-left: 10px;
                }
                    #user-dashboard .list-addresses > li > div nav a:first-child {
                        margin-left: 0;
                    }

                #user-dashboard .list-addresses > li > div nav .confirm {
                    display: none;
                }

            #user-dashboard .list-addresses > li > form {
                display: none;
            }