@keyframes moveBackground{0%{background-position:10% 50%}50%{background-position:50% 50%}to{background-position:10% 50%}}body{position:relative;margin:0;padding:0;background:url(/campus-center.jpg) no-repeat 50% fixed;background-size:cover;animation:moveBackground 90s ease-in-out infinite;font-family:Arial,sans-serif}.title-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 20px;text-align:center;overflow:hidden}.title-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.55));z-index:-1}.title{font-family:Georgia,Times New Roman,Times,serif;font-size:4em;font-weight:700;letter-spacing:2px;color:#fff;width:100%;margin:0;animation:slideInFromLeft 3s;white-space:normal;text-wrap:wrap}@media (max-width:1160px){.title{white-space:normal}}.title-subheader{font-family:Georgia,Times New Roman,Times,serif;font-weight:500;font-size:25px;letter-spacing:1px;text-align:center;margin-top:20px;margin-bottom:25px;color:#f5f5f5;animation:slideInFromRight 3s;white-space:nowrap;position:relative}@media (max-width:1160px){.title-subheader{white-space:normal}}.title-button{font-weight:500;font-size:18px;display:inline-block;outline:0;border:0;cursor:pointer;will-change:box-shadow,transform;background:radial-gradient(100% 100% at 100% 0,#55d99d 0,#2c9264 100%);box-shadow:0 .02em .02em rgba(45,35,66,.4),0 .3em .7em -.01em #334a354d,inset 0 -.01em 0 #58776480;padding:0 2em;border-radius:.3em;color:#fff;height:2.6em;text-shadow:0 1px 0 rgba(0,0,0,.4);transition:box-shadow .2s ease,transform .2s ease}.title-button:hover{box-shadow:0 .1em .2em rgba(35,66,45,.4),0 .4em .7em -.1em rgba(35,66,60,.3),inset 0 -.1em 0 #168050;transform:translateY(-.1em)}.title-button:active{box-shadow:inset 0 .1em .6em #3ce093;rotate:1deg;transform:translateY(0)}#features-title{font-size:50px;font-weight:600;color:#f5f5f5;margin:0 0 40px;text-align:center}.language-card{display:flex;flex-direction:column;width:100%;max-width:550px;height:100%;padding:20px;background-color:#212529;color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .2s ease-in-out,box-shadow .3s ease;transform-origin:center;overflow:hidden}.language-card:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(0,0,0,.2)}.language-card h3{font-weight:600}.language-card p{margin:0;flex-grow:1;display:flex;color:#f5f5f5}#title-border{border:none;border-bottom:3px solid #fff;animation:fadeInBorder 3s ease-out forwards}.language-content{background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.55));display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}@keyframes slideInFromLeft{0%{margin-left:-100%}to{margin-left:0}}@keyframes slideInFromRight{0%{margin-left:100%}to{margin-left:0}}@keyframes fadeInBorder{0%{opacity:0}to{opacity:1}}@media (max-width:700px){.language-card{width:100%;max-width:none;padding:15px}.title{font-size:60px}.title-subheader{font-size:18px}#features-title{font-size:40px}.notransition{animation-name:none}.animated{transition-property:none!important;transform:none!important;animation:none!important}}