@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap);*{box-sizing:border-box}body{flex-wrap:wrap;padding:0;margin:0;background-color:#000;color:#fff;font-family:Ubuntu;line-height:normal;text-align:center;mix-blend-mode:normal}.header,body{display:flex;align-items:center;justify-content:center;flex-direction:column}.page__title{font-weight:100;font-size:60px;letter-spacing:5px;text-transform:uppercase}.logo__image{width:37.5%;-o-object-fit:cover;object-fit:cover}.main__title{font-weight:400;font-size:24px}.form{display:flex;flex-direction:row;align-items:flex-end;justify-content:center}.form__column{display:flex;flex-direction:column-reverse}.form__input{border-radius:9px;box-shadow:inset 0 4px 4px rgba(0,0,0,.25);font-weight:300;font-size:16px;text-indent:10px;color:#000;width:250px;height:48px;margin-right:50px;transition:.1s}.form__input:focus{border:2px solid #232323}.form__input:focus:invalid{border:2px solid #fffdfd}.form__input:focus:invalid+.form__label{visibility:visible}.form__submit{background:#000;border-radius:9px;text-decoration:none;font-weight:700;font-size:16px;text-align:center;border:1px solid #fff;color:#fff;width:250px;padding:1em;transition:.3s}.form__submit:hover{border-color:initial;cursor:pointer;box-shadow:0 5px 10px hsla(0,0%,100%,.5)}.form__submit--none{display:none}.footer{text-align:center;font-size:24px}.footer__paragraph{margin:0}@media (max-width:1000px){.footer{position:absolute;bottom:0;width:100%}}@media (max-width:500px){.page__title{font-size:30px}.form{display:flex;flex-direction:column;align-items:center}.form__input{margin:0;margin-bottom:10px}.footer{font-size:16px}}@media (max-height:500px){.logo{display:none}}