.main{color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;min-height:88vh}@keyframes slideInFromLeft{0%{transform:translateX(-50vw)}to{transform:translateX(0)}}.logo{width:5vw}.main-text{text-align:right}.headshot{animation:fadeIn 1s ease}.greeting{font-size:50px;animation:fadeInUp .8s ease}.field{font-size:35px;animation:fadeInUp 1s ease}.resumeicon{background-color:#fff;color:#000;mix-blend-mode:lighten;border-radius:100px;padding:3px 10px;font-size:28px;box-shadow:3px 3px 0 darkred;transition:background-color .3s ease;margin-top:10px;animation:fadeInUp 1.2s ease;margin-left:auto}.resumeicon:hover{background-color:red}.resumeicon:active{box-shadow:0 0 0}@media (max-width:800px){.main{flex-direction:column-reverse;align-items:center}.main-text{text-align:left}.resumeicon{margin-left:0}.icons{margin:0}}@media (max-width:600px){.main-text{padding:0 35px}.field{font-size:30px}.headshot{width:300px;height:auto}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}