@keyframes slideInLeft{0%{transform:translateX(-80%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(80%);opacity:0}to{transform:translateX(0);opacity:1}}.landing_div{height:100vh;background:url(/images/landing_photo.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;display:flex;flex-direction:column;border:none;outline:none;color:#fff;justify-content:center;align-items:center;gap:40px}.landing_div>h1{font-size:80px;font-weight:1000;color:#e89916;animation-name:slideInLeft;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:backwards;animation-delay:0}.landing_div>h1,.landing_div>h3{animation-duration:1s;text-align:center}.landing_div>h3{font-size:40px;animation-name:slideInRight;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:backwards;animation-delay:1s}.landing_div>p{width:20%;text-align:center;animation-name:slideInLeft;animation-duration:1s;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:backwards;animation-delay:2s}.short_info_div{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:25vh;height:auto;width:80%;justify-self:center;padding-left:10%;padding-right:10%;background-color:#1f1e22}.short_info_div>div{justify-self:center;align-self:center;width:50%}.split{background-color:#e89916;height:8vh;display:flex;align-items:center;justify-content:center;font-size:25px;color:#fff;font-weight:600}.short_info_div>div>h1{margin-left:5px;margin-bottom:5px;text-align:left;color:#fff}.short_info_div>div>p{text-align:center;color:#e89916;text-align:left;font-size:12px}.work_photos{height:25vw}.home_imgs{width:25vw;height:100%}@media (max-width:700px){.short_info_div{display:flex;flex-direction:column;gap:50px;padding-top:50px;padding-bottom:50px}.landing_div>h1{font-size:60px;font-weight:1000;color:#e89916;animation-name:slideInLeft;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:backwards;animation-delay:0}.landing_div>h1,.landing_div>h3{animation-duration:1s;text-align:center}.landing_div>h3{font-size:22px;animation-name:slideInRight;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:backwards;animation-delay:1s}.landing_div>p{width:50%;text-align:center;animation-name:slideInLeft;animation-duration:1s;animation-timing-function:ease-out;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:backwards;animation-delay:2s}}