@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap);
body,html{font-family:Lato,sans-serif;margin:0;padding:0}body .row,html .row{display:flex;flex-direction:row}body .column,html .column{display:flex;flex-direction:column}label{display:block}input{height:30px;padding-left:10px;padding-right:10px;width:calc(100% - 20px)}.page--login{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.page--login form{background-color:#ffffffaa;border:1px solid #aeaeae;border-radius:15px;box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);padding:30px}.page--login form div{margin-bottom:10px;margin-top:10px}.page--login form div label{font-size:12px;margin-bottom:6px}.page--login form div input{min-width:250px}.modalwindow{grid-column-gap:10px;display:grid;grid-template-areas:"header header" "content content" "leftbtn rightbtn";grid-template-columns:50% 50%;grid-template-rows:50px auto 50px}.modalwindow .header{align-items:center;background-color:#000;color:#fff;display:flex;font-size:24px;font-weight:700;grid-area:header;padding-left:30px;padding-right:30px}.modalwindow .content{grid-area:content;padding-left:30px;padding-right:30px}.modalwindow .leftbtn{grid-area:leftbtn}.modalwindow .leftbtn,.modalwindow .rightbtn{align-items:center;display:flex;justify-content:center}.modalwindow .rightbtn{grid-area:rightbtn}
