User:YeeHeeKumo/global.css

.size_bg { background-image: url("./contact_images/darkbgcontact.png"); }

.typing_header_2 { color: white; text-decoration: none; margin: 0; }

.navigation { bottom: 10px; }

header { margin-right: 40%;

}

text-align: center; position: relative; top: 100px;
 * 1) center {

font-size: 25px; }

.typing_header_2, .typing_header { font-family: "Arvo", "Raleway", "Arial", "Helvetica", "Open-Sans"; }

.beige { margin-top: 120px; color: #E486f4; margin-bottom: 40px; }

.social_flex { display: flex; flex-wrap: wrap; }

.social_flex div img { height: 50px; margin-top: 30px; }

.flex_form { display: flex; justify-content: center; align-items: center; padding: 10px;

}

.container { max-width: 800px; width: 100%; background: #ffffff; color: black;

border-radius: 5px; box-shadow: 5px 5px 10px #E486f4 }

.container .title { font-size: 25px; font-weight: 500; }

form {color: #9A97FF}

hr { width: 30px; margin-left: auto; margin-right: auto; height: 2px; border-color: purple; margin-bottom: 30px; }

.container form .user-details { display: flex; flex-wrap: wrap; justify-content: space-between }

form .user-details .input-box { margin-bottom: 15px; width: calc(100% / 2 - 20px) }

.user-details .input-box .details { font-weight: 500; margin-bottom: 5px; display: block;

}

.user-details .input-box input:focus { border-color: #c4c4aa; }

form .button { height: 45px; margin: 20px 0; }

@keyframes fade { 0% {opacity: 1;} 50% {opacity: 0.5;} 100% {opacity: 0;} }

text-align: center; animation-name: fade; animation-duration: 4s; animation-timing-function: linear;
 * 1) my-form-status {

}

form .button:hover { background: rgb(156, 149, 149); }

.user-details .input-box label { color: #8A87F2 }

.neon_button, small{ top: 150px; }

small { top: 300px; }

.flex_gallery { margin-top: 100px; } .flex_gallery > div > p{ color:#8A87F2; font-size: 30px; }

.discord_gray { margin-top: 100px; }

h2.discord_gray { position: relative; top: 50px; }

.flex_navigator div { margin-bottom: 80px; }

.flex_navigator { top: 50px; }