:root {

--primary-color: #111719;

--secondary-color: #fefefe;

}

body {

width: 100%;

height: 100vh;

background-color: var(--primary-color);

display: flex;

justify-content: center;

align-items: center;

font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,

Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

}

* {

line-height: 1.8em;

padding: 0;

margin: 0;

border: none;

border-radius: 25px;

outline: none;

box-sizing: border-box;

}

button {

background: none;

cursor: pointer;

}

h1 {

font-size: 2.5rem;

}

h2 {

font-size: 2rem;

}

h3 {

font-size: 1.75rem;

}

h4 {

font-size: 1.5rem;

}

h5 {

font-size: 1.25rem;

}

h6 {

font-size: 1rem;

}

p {

font-size: 1rem;

}

.container {

width: 80%;

height: fit-content;

padding: 25px;

border-radius: 25px;

background-color: var(--secondary-color);

}

.designerInput {

border: 2px solid var(--primary-color);

margin: 8px;

padding: 4px;

transition: all 0.3s ease-in-out;

}

.designerInput:focus {

border: 2px dashed gray;

}

button.submit_BTN {

background-color: var(--primary-color);

color: var(--secondary-color);

border: 2px solid var(--primary-color);

margin: 8px;

padding: 4px;

transition: all 0.3s ease-in-out;

}

button.submit_BTN:hover {

background-color: var(--secondary-color);

color: var(--primary-color);

}