@import url('https://fonts.cdnfonts.com/css/aero03');

body {
   display: flex;
   flex-direction: column;
   background-color: white;
   font-family: 'Aero_03', sans-serif; 
   align-items: center;
   padding: 0px;
   margin: 0px;
   position: relative;
}

.navbar{
    text-align: center;
    height: 100px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
    background-color: #1F1F21;
	width: 100%;
	padding: 0px;
}

#logo{
	width: 200px;
	margin-top: -20px;
}

.formularz{
	margin-top: 100px;
	width: 500px;
	margin-bottom: 100px;
}
 
.contact-form {
	padding: 1.875rem;
    background-color: #1F1F21;
	box-shadow: 5px 5px 10px rgba(-0.8, 0, 0, 0.8);
	color: orange;
	border-radius: 24px;
}

.contact-box { 
	display: flex;
	flex-direction: column;
	margin: 1rem 0;
	
}

.contact-form label {
	margin-bottom: 0.625rem;
	font-size: 20px;
}

.contact-form input,
.contact-form textarea,	
.contact-form button {
	font-family: inherit;
	font-size: 15px;
	padding: 10px;
	border-radius: 10px;
	border-color: orange;
	border-width: 2px;
	background-color: transparent;
	color: #fff
}

.contact-form textarea {
	resize: vertical;
	min-height: 9.375rem;
}

.contact-form button {
   padding: 12px;	
   width: 100%;
   cursor: pointer;
   background-color: orange;
   color: black
}

.contact-form button:hover {
   color: orange;
   background-color: black;
}

#attachment {
color: orange;
}

.msg-status {
	display: none;
	justify-content: center; 
    align-items: center; 
	padding: 1.875rem;
	width: 37.5rem;
	border-radius: 15px;
	position: absolute;
	top: 50px;
}

.msg-status.success {
	display: flex;
	background-color: green;
	position: absolute;
	z-index: 1000;
	margin-top: 110px;
	font-size: 30px;
	padding: 20px;
    border-radius: 20px;
}

.msg-status.error {
	display: flex;
	background-color: red;
	position: absolute;
	z-index: 1000;
	margin-top: 110px;
	font-size: 30px;
	padding: 20px;
	border-radius: 20px;
}

.msg-status.fade-out {
    display: flex;
    background-color: red;
    position: absolute;
    z-index: 1000;
    margin-top: 110px;
    font-size: 30px;
    padding: 20px;
    border-radius: 20px;
    opacity: 0;
}

footer {
    background-color: #1F1F21;
    color: white;
    text-align: center;
    padding: 20px;
	font-family: 'Aero_03', sans-serif;
	box-shadow: 5px 5px 10px rgba(0.8, 0, 0, 0.8);
	width: 100%;
}

a:link
{
   color: rgb(255, 255, 255);
   text-decoration: none;
}

a:hover{
  color: orange;
}

a:visited
{
   color: rgb(255, 255, 255);
}

a:active
{
   color: rgb(255, 255, 255);
}