*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Arial,sans-serif}body{background-color:#f4f4f4;display:flex;flex-direction:column;justify-content:flex-start}h1,h2,h3,p{color:#333}main{flex-grow:1}section{padding:50px 20px}.sidebar{margin:0;border:none;opacity:.93;position:fixed;top:0;left:0;height:100%;width:250px;background-color:#fff;color:#222;transition:transform .3s ease;transform:translate(-100%);z-index:9999}.sidebar.open{transform:translate(0)}.sidebar-header{border-radius:10px;opacity:.7;display:flex;justify-content:space-between;padding:20px;background-color:#222;align-items:center;color:wheat}.logo{width:50px;height:50px;border-radius:25px}.sidebar-header h2{font-size:1.5rem;color:wheat}.close-btn{font-size:2rem;background:none;border:none;cursor:pointer;background-color:wheat;color:#333}.close-btn:hover{box-shadow:0 0 10px #eed7b3;transition:transform .3s linear;transform:scale(1.1);opacity:.99}.sidebar-nav ul{text-align:center;list-style-type:none;padding:20px}.sidebar-nav ul li{border-radius:10px;transition:.8s linear;margin:15px 0}.sidebar-nav ul li:hover{background-color:wheat;color:#222;transition:transform .8s linear}.sidebar-nav ul li a{border-radius:10px;transition:transform .3s linear;color:#000;text-decoration:none;font-size:1.1rem;display:block;padding:5px 0}.sidebar-nav ul li a:hover{color:#fff;transition:transform .3s linear}.sidebar-toggle-btn{position:fixed;top:15px;left:15px;font-size:2.5rem;background-color:transparent;border:none;color:wheat;cursor:pointer;z-index:10;display:block}.sidebar-toggle-btn:hover{box-shadow:0 0 10px wheat;transition:transform .3s linear;transform:scale(1.1);background-color:wheat;color:#333}.sidebar-toggle-btn.hidden{display:none}@media (max-width: 768px){.sidebar{width:250px}}.footer{position:relative;background-color:#111;color:#fff;padding:15px;display:flex;justify-content:space-between;align-items:center;width:100%}.footer-left p{color:wheat;margin:5px 0}.footer-center h2{color:#fff;font-size:small}.footer-right a{color:wheat;font-size:24px;margin-left:15px;transition:transform .3s ease}.footer-right a:hover{transform:scale(1.2);color:#a09d8f}.ekraniki{background-color:#ddd}.EkipBody{box-shadow:0 0 10px #000;overflow:hidden;border-radius:20px;text-align:center;align-items:center;justify-content:center;margin:200px 100px 20px 20px;height:auto;width:70%;display:flex;flex-direction:column;background:#fff;opacity:.8}.EkipBody img{box-shadow:0 0 10px #000;border-radius:20px}.ekipkard{display:flex;flex-direction:column;padding:20px;text-align:center;align-items:center;justify-content:center}.ekipkard h1,.ekipkard p{font-size:25px}.sol button{font-family:Georgia,Times New Roman,Times,serif;font-size:large;cursor:pointer;padding:5px;margin-top:5px;box-shadow:0 0 10px #000;border-radius:10px;color:#000;width:80px;height:30px;background-color:transparent;border:none}.sol button:hover{transition:.4s ease-in;background-color:#a6a688}.HizmetBody{box-shadow:0 0 10px #000;padding:5px 50px 10px;overflow:hidden;float:right;border-radius:20px;text-align:center;align-items:center;justify-content:center;margin:20px 10px 20px 20px;height:auto;width:70%;display:flex;flex-direction:column;background:#fff;opacity:.8}.HizmetBody img{box-shadow:0 0 10px #000;border-radius:20px;max-width:185px}@media (max-width: 768px){.ekipcard{flex-direction:column;text-align:center}.ekipcard img{width:100%;height:auto}}*{text-decoration:none;margin:0;padding:0;box-sizing:border-box}body{font-family:Verdana,Geneva,Tahoma,sans-serif;color:wheat}.App{display:flex;min-height:100vh;flex-direction:column}.logom{margin-bottom:40px;color:wheat;font-family:Verdana,Geneva,Tahoma,sans-serif}.content{flex:1;text-align:center;align-items:center;justify-content:center;transition:margin-left .3s ease;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;animation:fadeIn 5s ease-in-out forwards}footer{margin-top:auto}@media (max-width: 768px){body{text-align:center}.content{margin-left:0}p{font-size:12px}}::-webkit-scrollbar{display:none;visibility:hidden;opacity:0}header{display:grid;gap:50px}.menu{display:flex;gap:15px}.menu a{color:#fff;text-decoration:none;font-size:1.2rem;transition:color .3s ease}.menu a:hover{color:#f39c12}.menu-btn{display:none;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer}.icerik{display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:200px}.icerik p,h2{color:#fff}.icerikcontact{margin-top:200px;text-align:center;align-items:center;justify-content:center;padding:20px;border-radius:20px;background-color:#fff;margin-bottom:200px;box-shadow:0 0 10px;opacity:.93}.icerikcontact p,.icerikcontact h1{margin:20px;color:#222}.icerikcontact button{background-color:#f39c12;color:#fff;padding:10px 20px;text-decoration:none;font-weight:700;border-radius:4px;transition:background-color .3s}.btn-cntct:hover{opacity:.8;box-shadow:0 0 10px #ff9f00;transition:transform .2s linear;transform:scale(1.1)}@media (max-width: 768px){.menu{position:absolute;top:60px;left:0;width:100%;background:#222;flex-direction:column;text-align:center;gap:10px;padding:10px 0;display:none}.menu.open{display:flex}.menu-btn{display:block}}.ekipbody img,.hizmetbody img{margin:5px;border-radius:10px;max-width:250px;min-width:150px}.ekipbody p,.hizmetbody p{font-size:x-large}.ekraniki{overflow:hidden;background:url(../../images/salon.webp) fixed no-repeat;background-size:cover;min-height:800px;text-align:center;align-items:center;justify-content:center;width:100%;margin:0;padding:30px}.ekipbody{display:flex;flex-direction:column;background-color:#f0f8ff;max-width:900px;overflow:hidden;margin:20px;border-radius:10px;box-shadow:0 0 10px #000;padding:10px}.ekipicerik{padding:20px;box-shadow:0 0 10px;text-align:center;align-items:center;justify-content:center;display:flex;flex-direction:column}.ekipicerik p{box-shadow:0 0 10px wheat;border-radius:10px;margin:10px}.hizmetbody{float:right;background-color:#f0f8ff;max-width:900px;overflow:hidden;margin:20px;border-radius:10px;box-shadow:0 0 10px #000;padding:10px}.hizmeticerik{box-shadow:0 0 10px;text-align:center;align-items:center;justify-content:center;padding:15px}.hizmeticerikiki p{box-shadow:0 0 10px wheat;border-radius:10px;margin:10px;padding:5px}.hizmeticerikiki button{font-family:Georgia,Times New Roman,Times,serif;font-size:larger;border:1px solid #f39c12;background-color:#f39c12;margin:10px;width:200px}.hizmeticerikiki button:hover{box-shadow:0 0 10px #f39c12;transition:transform .2s linear;transform:scale(1.1)}.about-container{font-family:Georgia,Times New Roman,Times,serif;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#f4f4f9;padding:40px;margin:20px 0;border-radius:15px;box-shadow:0 5px 15px #0000001a;opacity:.9}.about-content{width:50%}.about-title{font-size:2.5rem;font-weight:700;color:#333;margin-bottom:20px;text-transform:uppercase}.about-description{font-size:1.1rem;color:#666;line-height:1.8;margin-bottom:20px}.about-image{width:45%;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.about-image img{width:100%;height:auto;object-fit:cover;transition:transform .3s ease-in-out}.about-image img:hover{transform:scale(1.1)}@media screen{.about-content{display:flex;flex-direction:column}}.projects-container{background-color:#222;border-radius:20px;opacity:.8;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:50px;width:100%;max-width:1200px;margin:0 auto 50px;padding:20px;box-shadow:0 0 10px}.project-card{cursor:pointer;display:flex;flex-direction:column;position:relative;width:calc(33.333% - 20px);min-width:300px;max-width:800px;height:350px;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0003;transition:transform .3s ease-in-out}.project-card:hover{transform:scale(1.05)}.project-card img{width:100%;height:100%;object-fit:cover;border-radius:10px}.project-info{position:absolute;bottom:0;left:0;width:100%;padding:15px;background:#0009;color:#fff;text-align:center;font-size:18px;font-weight:700;border-radius:0 0 10px 10px}.contact-container{gap:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-height:100vh;background-color:transparent}.contact-form{opacity:.93;background:#fff;border-radius:10px;padding:20px;width:100%;max-width:500px;box-shadow:0 0 10px}form h2{color:#000;margin-bottom:15px}.contact-input,.contact-textarea{color:#000;background-color:transparent;width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;transition:transform .6s linear}.contact-input:hover,.contact-textarea:hover{transition:transform .6s linear;border:1px solid rgb(0,0,0)}.contact-textarea{min-height:100px;resize:vertical}.contact-button{z-index:-11;width:100%;background:gray;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px}.contact-button:hover{background:#0056b3}iframe{border:none;min-height:500px;margin:0;width:100%}*{margin:0;padding:0}.container{align-items:center;flex-wrap:wrap;word-wrap:break-word;display:flex;flex-direction:column;opacity:.9;background-color:#fff;color:#fff;max-width:500px;margin:auto;text-align:center;font-family:Arial,sans-serif;padding:20px;border-radius:15px;overflow:hidden}.blog-form{display:flex;flex-direction:column;gap:10px;margin:auto}h2{margin:10px;color:#333}input{width:auto;padding:10px;border:1px solid #ccc;border-radius:5px}textarea{min-height:150px;width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}button{background-color:#007bff;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer}.posts-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;justify-content:center}.post-card{background-color:#f8f9fa;padding:15px;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:250px;text-align:left}