@font-face{font-family:'icons';font-display:swap;src:url(/assets/icon.woff) format('woff2');}
*,::before,::after{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;list-style:none;text-decoration:none;outline:0;border:none;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important;--row_widh:10vw;}

body{overflow:hidden scroll;background:#f2f2f2;}
a{cursor:pointer;}
h1,.h1{font-family:serif;font-family:Georgia;font-size:40px;font-weight:bold;}

ic,.ic{font-family:'icons'}
[data-il]::before,[data-ir]::before{content:attr(data-il);font-family:'icons';display:flex;align-items:center;justify-content:center;font-size:20px;transition:.3s ease transform;transform:rotate(0);}
    
#bw_bg{width:100vw;height:100vh;background:#000;position:fixed;top:0;left:0;opacity:0;visibility:hidden;transition:.3s ease;transition-property:visibility,opacity;z-index:1;}
#hedr{position:sticky;z-index:2;padding:15px var(--row_widh);top:0;}
.m_activ #hedr{position:sticky;top:0 !important}
#hedr,#fotr{display:flex;height:clamp(60px,7vw,70px);background:white;align-items:center;}
#m_btn{display:none;cursor:pointer;}
#logo{display:flex;margin-right:10px;height:100%;align-items:center;font-weight:bold;color:#1a73e8;font-family:Georgia;font-size:20px;}
#nav{margin-left:auto;display:flex;}
#nav a{color:hsl(0, 0%, 20%);letter-spacing:1px;padding:8px 20px;font-weight:bold;font-size:14px;}
#nav a::before{display:none;}
#nav a:hover{color:hsl(0, 0%, 40%);}

#ncal{height:40px;width:40px;display: flex;align-items: center;justify-content: center;border-radius:5px;color:black;margin-left: auto;}
#ncal:hover{background:#f1f1f1;}

#hese{padding-bottom:10px;background:linear-gradient(90deg,#4385f5, #42b9f5);clip-path: ellipse(calc(400px + 80vw) 100% at 50% 0%);animation:gret 10s ease infinite;background-size:500% 500%;}
#hese>div{width:100%;padding:calc(100px + 2vw) var(--row_widh);clip-path:ellipse(calc(400px + 80vw) 100% at 50% 0%);flex-direction:column;color:white;text-align:center;position:relative;background:center/cover no-repeat white;}
#hese h2{font-size:calc(15px + 1vw);}
#hese h1,#hese span,#hese .h1{font-size:calc(30px + 3.5vw);position:relative;font-family:Georgia;margin:20px 0;font-weight:bold;}
#hese span::after{content:'';height:50%;width:70%;background:#4385f5;position:absolute;bottom:0;z-index:-1;right:-5%;}
#hese>div>div{margin-top:20px;}
#hese div>a{margin:5px;padding:10px 15px;border-radius:5px;background:#4385f5;color:white;font-weight:bold;display:inline-flex;align-items:center;}
#hese div>a:last-child{background:#28D146}
#hese div>a:hover{color:black;background:white}
#hese b{position:absolute;bottom: 20px;left: 50%;transform: translateX(-50%);}
#hese b a{color:#cccccc;}
#hese b a:hover{color:white;}

#abut{padding:50px var(--row_widh);}
#abut h1,#galry h1,#abut .h1,#galry .h1{text-align:center;font-size:40px;font-family:Georgia;position:relative;z-index:0;font-weight:bold;}
#galry h1,#galry .h1{color:white;}
#galry h1::after,#abut .h1::after,#galry .h1::after{content:'';height:15px;width:100px;background:#4385f5;position:absolute;bottom:0;z-index:-1;transform:translateX(-95px);}

.ytjy a{color:#1a73e8;background:hsl(218, 100%, 97%);padding:10px;border-radius:10px;text-align:center;}
.ytjy a:hover{background:hsl(218, 100%, 92%);}

#fodl{
  background-image: linear-gradient(239deg, rgba(71, 71, 71, 0.05) 0%, rgba(71, 71, 71, 0.05) 27%,rgba(209, 209, 209, 0.05) 27%, rgba(209, 209, 209, 0.05) 100%),linear-gradient(294deg, rgba(63, 63, 63, 0.05) 0%, rgba(63, 63, 63, 0.05) 43%,rgba(138, 138, 138, 0.05) 43%, rgba(138, 138, 138, 0.05) 100%),linear-gradient(323deg, rgba(58, 58, 58, 0.05) 0%, rgba(58, 58, 58, 0.05) 24%,rgba(100, 100, 100, 0.05) 24%, rgba(100, 100, 100, 0.05) 100%),linear-gradient(236deg, rgba(47, 47, 47, 0.05) 0%, rgba(47, 47, 47, 0.05) 45%,rgba(208, 208, 208, 0.05) 45%, rgba(208, 208, 208, 0.05) 100%),linear-gradient(90deg, rgb(5,21,46),rgb(2,13,23));display:flex;flex-wrap:wrap;justify-content: center;padding:50px var(--row_widh);
}


#fbox{width:400px;padding:20px;margin:20px;}
#fbox>p{display:flex;margin-bottom:10px;color:#d9d9d9;font-size:16px;}
#fbox>p::before{margin-right:10px;}
#fbox>a:first-child{color:white;margin:20px auto;font-size:30px;font-family:Georgia;display:flex;justify-content: center;}
#fbox a:first-child p{z-index:0;position: relative;}
#fbox a:first-child p::after{content:'';height:40%;width:80%;background:#4385f5;position:absolute;bottom:0px;z-index:-1;right:-5px;}
#fbox p a{color:#4385f5;font-size:16px;margin:0;}
#fbox div a{display:block;color: #4385f5;}

#contbtn{position:sticky;bottom:0;display: flex;}
#contbtn a{width:50%;display: flex;justify-content:center;align-items: center;color:white;padding:10px;font-size:16px;background:#4385f5;}
#contbtn a:last-child{background:#4dc247;}
#contbtn a:hover {filter:brightness(.9);}

#fotr{justify-content:center}
@media (max-width:1000px){
  *{--row_widh:3vw;}
  #hedr{padding:10px var(--row_widh)}
  #nav a{padding:8px 10px;}
}
@media (max-width:720px){
  #hedr{padding:10px;}
  #m_btn{width:40px;display:flex;border-radius:5px;place-content:center;padding:10px;margin-right:10px;}
  .m_activ #m_btn,#m_btn:hover{background:#f1f1f1;}
  .m_activ #m_btn::before{content:'';transform:rotate(90deg);}
  #nav{position:fixed;width:70vw;top:clamp(60px,7vw,70px);left:-70vw;transition:.3s ease left;flex-direction:column;background:#f1f1f1;height:100%;}
  #nav a{padding:15px 0;display:flex;align-items:center;}
  #nav a::before{padding:0 15px;font-weight:initial;display:flex;}
  #nav a:hover{background:#e6e6e6;color:#333333;}
  .m_activ #nav{left:0;visibility:visible;}
  .m_activ #bw_bg{opacity:.5;visibility:visible;}
}