.header h1,body{color:var(--text-color)}.header h1,.qr-card{border:2px solid var(--accent-color)}.contact-section,.intro-section{border-top:4px solid var(--accent-color)}.footer,body{font-family:Arial,sans-serif}:root{--background-color:#131314;--text-color:#fff;--accent-color:#a89366;--card-bg:#1e1e1e}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background-color);line-height:1.6;overflow-x:hidden}.logo img{width:10rem;cursor:pointer;transition:.3s}.navbar{display:flex;text-align:center;position:absolute;padding:2% 3%;width:100%;background-color:transparent;transition:background-color .5s;z-index:1;top:0}.navbar-items{flex:1;text-align:right;margin-top:12px}.navbar-items ul{padding-right:20px}.navbar-items ul li{list-style:none;display:inline-block}.navbar-items ul li a{color:#a89366;padding:0 16px;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:2px}.navbar-items ul li a:hover{color:#5f5547}.menu{display:none;cursor:pointer}@media only screen and (max-width:887px){.navbar-items{position:absolute;background-color:#a89366;height:100vh;width:300px;right:0;top:0;text-align:left;z-index:2;margin-top:0;transition:1s ease-out}.navbar-items ul li{display:block;padding:16px 0;margin-left:15px}.navbar-items ul{padding-top:48%;padding-right:5px;text-align:center}.navbar-items ul li a{color:#252015;padding:0 18px;font-size:22px}.navbar-items ul li a:hover{color:#5f5547;border:2px solid #5f5547}.menu{display:block;z-index:3;position:absolute;color:#fff;right:7%;top:5px;font-size:35px;padding-top:30px}.h-class{height:100vh}.A_box{width:62%;top:2rem}.h-class,.v-class{opacity:0;transform:translateY(-20px);transition:.5s;visibility:hidden}.h-class.active,.v-class.active{opacity:1;transform:translateY(0);visibility:visible}}.header,.qr-card{position:relative}.intro-section,.qr-card{opacity:0;transition:opacity .5s,transform .5s;text-align:center}.header{text-align:center;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.7)),url('../img/bg.jpg') center center/cover no-repeat;padding:100px 0}.header h1{font-size:3rem;font-weight:700;background-color:rgba(0,0,0,.6);display:inline-block;padding:10px 20px}.qr-card,.qr-card i{background:var(--card-bg)}.intro-section{padding:50px 15px;background-color:var(--card-bg);transform:translateY(100px)}.intro-section.show{animation:.5s ease-out forwards slideUp}@keyframes slideUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.intro-section h2{font-size:2.5rem;color:var(--accent-color);margin-bottom:20px}.intro-section p{font-size:1.2rem;max-width:800px;margin:0 auto;line-height:1.8}.contact-section{padding:50px 15px 0;max-width:100%;margin:0 auto}.qr-section{display:flex;flex-wrap:wrap;justify-content:space-around;text-align:center;gap:20px}.qr-card{border-radius:10px;padding:20px;margin:20px;max-width:300px;transform:translateX(-100px)}.qr-card.show{animation:.5s ease-out forwards slideFromLeft}@keyframes slideFromLeft{from{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}.qr-card i{font-size:2rem;color:var(--accent-color);position:absolute;top:-30px;left:50%;transform:translateX(-50%);border:2px solid var(--accent-color);border-radius:50%;width:60px;height:60px;line-height:60px}.qr-card img{width:150px;height:150px;margin-top:30px;margin-bottom:15px}.qr-card p{font-size:1.2rem;color:var(--text-color)}.social-icons{display:flex;justify-content:center;margin:30px 0}.social-icons a{margin:0 15px;color:var(--accent-color);font-size:1.8rem;text-decoration:none;transition:transform .3s ease-in-out}.social-icons a:hover{transform:scale(1.2);color:#dfd4bd}.footer__section ul li a:hover,.footer__social a:hover{color:var(--con-color)}/*! footer */.foot{padding-top:50px}.footer{background-color:#131314;color:#fff;padding:40px 20px;border-top:2px solid #a89366;border-radius:14px}.footer__container{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1400px;margin:0 auto}#footer__section--logo img,.navbar__logo img{width:10rem;transition:.5s;filter:brightness(.9)}#footer__section--logo img:hover,.navbar__logo img:hover{filter:brightness(1)}.footer__section{flex:1;min-width:200px}.footer__section h4{font-size:1.2em;margin-bottom:10px;color:#a89366}.footer__section ul{list-style:none;padding:0;margin:0}.footer__section ul li{margin-bottom:5px}.footer__section ul li a{color:#fff;text-decoration:none;font-size:.9em;transition:color .3s}.footer__social{display:flex;gap:10px;margin-top:10px}.footer__social a{color:#fff;font-size:1.2em;transition:color .3s}.footer__bottom{text-align:center;border-top:1px solid #444;margin-top:20px;padding-top:20px;font-size:.9em}.footer__bottom p{margin:5px 0;color:#ccc}/*! end of footer */@media (max-width:768px){.qr-section{flex-direction:column}.qr-card{max-width:100%}}