Центральная форма в середине экрана [дубликат] ⇐ CSS

[Anonymous]

Извините за этот нубский вопрос, я не так хорошо разбираюсь в CSS и HTML.
Но мне просто нужна простая и красивая страница входа на мой сайт.
Я стараюсь создать форму входа в центр экрана, но она смещается, когда я изменяю размер экрана.
Кто-нибудь может указать мне правильное направление с помощью этой формы.css

Код: Выделить всё

body{
display:flex;
align-items:center;
justify-content:center;
height:100vh;
}

.body_bg{
background-color: whitesmoke;
}

.col-light{
background-color: #0055ff;
height: 100vh;
}

.login{

position: fixed;
top: 35%;
right: 27%;
width: 50em;
}

input.login{
margin-top: 50px;
}

html

Код: Выделить всё

< img alt="resized" src="https://i.sstatic.net/2fBesYGM.png" />

Подробнее здесь: https://stackoverflow.com/questions/792 ... the-screen