body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{min-height:100vh;padding:0 .5rem;height:100vh}.main{padding:5rem 0;-moz-box-flex:1;flex:1 1;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:center;justify-content:center}.header,.main{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.header{top:0;left:0;width:100%;height:100px;position:fixed;-moz-box-pack:justify;justify-content:space-between;border-bottom:1px solid #eaeaea;background-color:#fff;z-index:1}.header .company-name{color:#64f80e;font-weight:900}.header .return-to-list{padding:8px;font-weight:500;border:2px solid #eaeaea;border-radius:8px;-webkit-transition:font-size .2s linear;-moz-transition:font-size .2s linear;transition:font-size .2s linear}.header .return-to-list:hover{font-weight:700;font-size:18px}.footer{width:100%;height:100px;border-top:1px solid #eaeaea;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}@media(max-width:560px){.footer{white-space:pre-wrap;width:120%}}.employees{text-align:center;list-style:none}.employees .employee{padding:16px;line-height:48px;border:2px solid #eaeaea;border-radius:16px;margin-top:1rem;-webkit-transition:border .2s linear,padding .2s linear;-moz-transition:border .2s linear,padding .2s linear;transition:border .2s linear,padding .2s linear}.employees .employee a{display:grid;grid-template-areas:"img name-surname vote-button" "img job-title vote-button";grid-template-rows:1fr 1fr;grid-template-columns:300px 600px 80px;height:200px}@media(max-width:820px){.employees .employee a{grid-template-areas:"img name-surname vote-button" "img job-title vote-button";grid-template-rows:1fr 1fr;grid-template-columns:200px 500px 80px;height:180px}}@media(max-width:560px){.employees .employee a{grid-template-areas:"img name-surname name-surname" "img job-title job-title" "img vote-button vote-button";grid-template-rows:1fr 1fr 1fr;grid-template-columns:150px 200px 80px;height:180px}}.employees .employee .bold{font-weight:700}.employees .employee .image{grid-area:img;height:180px}.employees .employee .name-surname{grid-area:name-surname;white-space:nowrap}.employees .employee .job-title{grid-area:job-title;white-space:nowrap}@media(max-width:560px){.employees .employee .job-title{white-space:pre-wrap}}.employees .employee .vote-button{grid-area:vote-button;width:80px;height:48px;border-radius:8px;background-color:#006400;color:#fff;align-self:center;-webkit-transition:background-color .2s linear,font-size .2s linear;-moz-transition:background-color .2s linear,font-size .2s linear;transition:background-color .2s linear,font-size .2s linear}@media(max-width:560px){.employees .employee .vote-button{justify-self:center}}.employees .employee .vote-button:hover{background-color:#64f80e;font-size:18px}.employees .employee:hover{padding:18px;border:4px solid #eaeaea}.employee-details{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;margin-top:48px;padding:64px;line-height:48px;border:2px solid #eaeaea;border-radius:6px;width:560px}@media(max-width:560px){.employee-details{margin-left:62px;padding:64px;width:490px}}.employee-details *{margin-left:38px}.employee-details .bold{font-weight:700}.employee-details .image{height:260px}@media(max-width:560px){.employee-details .image{height:240px}}.employee-details .job-title,.employee-details .name,.employee-details .surname{white-space:nowrap}