*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100%;background:#eeee;font-family:Lato,sans-serif;font-weight:400;color:#222;font-size:14px;line-height:26px;padding-bottom:50px}.container{max-width:700px;background:#fff;margin:0 auto 0;box-shadow:1px 1px 2px #dad7d7;border-radius:3px;padding:40px;margin-top:50px}.header{margin-bottom:30px}.header .full-name{font-size:40px;text-transform:uppercase;margin-bottom:5px}.header .first-name{font-weight:700}.header .last-name{font-weight:300}.header .contact-info{margin-bottom:20px}.header .email,.header .phone{color:#999;font-weight:300}a:active{color:#999}.email2{color:#000}.button1{background-color:grey;color:#f5f0f0;border:2px solid #cdd3ce;border-radius:25px}.header .separator{height:10px;display:inline-block;border-left:2px solid #999;margin:0 10px}.header .position{font-weight:700;display:inline-block;margin-right:10px;text-decoration:underline}.details{line-height:20px}.details .section{margin-bottom:40px}.details .section:last-of-type{margin-bottom:0}.details .section__title{letter-spacing:2px;color:#54afe4;font-weight:700;margin-bottom:10px;text-transform:uppercase}.details .section__list-item{margin-bottom:40px}.details .section__list-item:last-of-type{margin-bottom:0}.details .left,.details .right{vertical-align:top;display:inline-block}.details .left{width:60%}.details .right{text-align:right;width:39%}.details .name{font-weight:700}.details a{text-decoration:none;color:#000;font-style:italic}.details a:hover{text-decoration:underline;color:#000}.details .skills__item{margin-bottom:10px}.details .skills__item .right input{display:none}.details .skills__item .right label{display:inline-block;width:20px;height:20px;background:#c3def3;border-radius:20px;margin-right:3px}.details .skills__item .right input:checked+label{background:#79a9ce}@media screen and (max-width:400px){.left,.main,.right{width:100%}}#contact{padding:1s0px 0}#contact .form #sendmessage{color:#f82249;border:1px solid #f82249}#contact .form #errormessage,#contact .form #sendmessage{display:none;text-align:center;padding:15px;font-weight:600;margin-bottom:15px}#contact .form #errormessage{color:red;border:1px solid red}#contact .form #errormessage.show,#contact .form #sendmessage.show,#contact .form .show{display:block}#contact .form .validation{color:red;display:none;margin:0 0 20px;font-weight:400;font-size:13px}#contact .form input,#contact .form textarea{padding:10px 14px;border-radius:0;box-shadow:none;font-size:15px;background-color:#e4e2e2;color:#0b0a0a;border-radius:.25rem}#contact .form button[type=submit]{background:#5b5b5b;border:0;padding:10px 40px;color:#fff;transition:.4s;border-radius:50px;cursor:pointer}#contact .form button[type=submit]:hover{background:#fff;color:#555}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #fff;border-radius:4rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}