@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.menu-btn{font-size:22px;color:var(--text-color);cursor:pointer;display:none}.home{width:100%;height:100vh;background:url(../images/home-bg.jpg) no-repeat;background-size:cover;background-position:left;display:flex;justify-content:left;align-items:center;text-align:left;padding:0 20px;margin-left:20px}.home-content h1{font-size:70px;position:relative;color:var(--primary-color);margin-bottom:0;line-height:1.5}.home-content h1:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:var(--background-color);animation:showRight .8s ease forwards;animation-delay:.5s}.home-content h3{font-size:33px;position:relative;color:var(--secondary-color);margin-bottom:20px;font-weight:500}.home-content h3:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:var(--primary-color);animation:showLeft .7s ease forwards;animation-delay:.7s}.home-content p{font-size:22px;position:relative;color:var(--text-color);margin:20px 0 40px;max-width:600px}.home-content p:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:var(--background-color);animation:showRight .8s ease forwards;animation-delay:.9s}.home-content .btn-container{display:flex;gap:20px;width:445px;height:50px;text-decoration:none;justify-content:space-between;position:relative;transition:.5s ease}.home-content .btn-container:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:var(--background-color);animation:showLeft .7s ease forwards;animation-delay:1.2s;z-index:2}.btn-container a{position:relative;display:inline-flex;padding:8px 30px;text-align:center;width:fit-content;height:100%;background:var(--primary-color-2);border:2px solid var(--primary-color-2);border-radius:var(--border-radius);text-decoration:none;letter-spacing:1px;font-size:22px;font-weight:500;color:#fff;z-index:1;transition:.5s ease;overflow:hidden}.btn-container a:hover{color:var(--primary-color);scale:1.01;transform:translate(2px) translateY(2px);box-shadow:-20px -8px 15px #2b2a2a05}.btn-container a:nth-child(2){background-color:transparent;color:var(--primary-color-2)}.btn-container a:nth-child(2):hover{color:var(--secondary-color)}.home-content .btn-container a:nth-child(2):before{content:"";position:absolute;top:0;right:100%;width:100%;height:100%;animation:showLeft .8s ease forwards;animation-delay:1.9s;z-index:2}.btn-container a:nth-child(2):after{background:var(--primary-color)}.btn-container a:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-color:var(--background-color);animation:showLeft .7s ease-in-out forwards;animation-delay:1.6s;z-index:2}.btn-container a:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--secondary-color);z-index:-1;transition:width .5s ease}.btn-container a:hover:after{width:100%}.image{display:flex;position:relative;width:700px;margin-left:70px;left:0;top:100px;overflow-x:hidden;transform:rotate(-90deg);animation:rotateOnLoad 2s ease-in-out forwards;animation-delay:1s}.image img{position:relative;width:100%;height:100%}@keyframes showRight{to{width:0}}@keyframes showLeft{to{width:0}}@keyframes rotateOnLoad{0%{transform:rotate(-90deg)}to{transform:rotate(0)}}:root{--primary-color: #1f2a2c;--primary-color-2:#2f6b4f;--secondary-color: #f9b234;--secondary-color-2:#555e57;--text-color: #333333;--background-color: #fbffe2;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background:#fbffe2;color:var(--primary-color);max-width:fit-content;overflow-x:hidden}.header{position:fixed;top:0;left:0;width:100%;padding:0 10%;background:transparent;display:flex;justify-content:space-between;align-items:center;z-index:1000;margin-top:20px}.logo{font-size:25px;font-weight:700;color:var(--primary-color);text-decoration:none;font-weight:600}.logo{display:inline-block;vertical-align:middle;scale:.8;margin-left:-50px}.logo .logo-symbol{width:40px;height:40px;margin-right:20px;position:relative;top:8px;scale:1.8;animation:scaleShake 1.3s ease-in-out forwards;animation-delay:1s;z-index:3}.logo .logo-text{width:130px;height:auto;position:relative;top:10px}.navbar{display:flex;align-items:center}.navbar a{font-size:16px;color:var(--text-color);text-decoration:none;margin-left:30px;font-weight:500;transition:color .3s ease;position:relative}.navbar a:hover,.navbar a.active{color:var(--primary-color-2)}.navbar a:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;border-bottom:2px solid var(--secondary-color);z-index:-1;transition:.5s ease}.navbar a:hover:before{width:100%}@keyframes scaleShake{0%{transform:scale(1)}20%{transform:scale(1.1)}30%{transform:scale(1.1) rotate(0)}40%{transform:scale(1.1) rotate(-2deg) translate(5px)}50%{transform:scale(1.1) rotate(2deg) translate(-5px)}60%{transform:scale(1.1) rotate(-2deg) translate(5px)}70%{transform:scale(1.1) rotate(2deg) translate(-5px)}80%{transform:scale(1.1) rotate(-2deg) translate(5px)}90%{transform:scale(1.1) rotate(2deg) translate(-5px)}95%{transform:scale(1.1) rotate(-2deg) translate(5px)}to{transform:scale(1)}}