/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
}


div{
    display:flex;
    flex-direction:column;
}

body {
    font-family: 'Open Sans', sans-serif;
    margin:0px;
    min-width:400px;
}


a{
 text-decoration:none;
 color:inherit;
}


.title p{
    margin:0px;
}

.container {
    width:100%;
    max-width: 800px; /* Adjust this value as needed */
    margin: 0 auto; /* Centers the content with automatic left and right margins */
    padding: 0 15px; /* Optional: Adds some padding on the sides */
}

.button-primary {
    background-color: #007BFF;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.button-primary:hover {
    background-color: #0056b3;
    transform: scale(1.05);
}

.button-primary:active {
    transform: scale(0.95);
}