*{box-sizing:border-box}:root{--transition-way:.6s cubic-bezier(.7, .02, .19, .95)}body{margin:0;padding:0;background-color:#000}#header1{position:relative;top:0;left:0;right:0;background-color:#000;display:flex;justify-content:space-between;align-items:center;width:100%;height:1.5em;z-index:99;font-size:max(7vw,2rem)}h2{display:inline-block;background-image:linear-gradient(to right,#1773ea,#fff);text-transform:uppercase;background-size:100%;-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;margin:0;font-family:Anton,sans-serif}input{display:none}i{height:max-content;width:max-content;font-size:max(5vw,4rem);border:0;background-color:transparent}#nav-C{position:relative;display:flex;flex-direction:row-reverse;align-content:center;justify-content:space-between;background-color:#000;top:0;left:0;bottom:0;font-size:clamp(1rem,2.5vw,5rem);flex:.7 0 15em}.nav-links{color:#fff;font-family:Changa,sans-serif;padding:4% 4%}a{text-decoration:none}#card-C{width:100%;aspect-ratio:1/2;margin:auto;background-color:#1773ea;display:flex;flex-flow:row wrap;justify-content:space-evenly;align-items:center;align-content:flex-start}.card{min-width:max(12rem,35%);aspect-ratio:1/1;margin:20px;background-color:#fff;position:relative}.card::after{isolation:isolate;z-index:9;content:"";width:40%;aspect-ratio:1/1;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:url(/img/3b74869a7ab5705153c84b71f3bc1939b0902da4/a_amini-20220907-0005.jpg) 50% 50%;background-size:cover;transition:var(--transition-way);filter:grayscale(40%)}.card::before{content:"";position:absolute;top:0;right:0;width:100%;height:50%;background:linear-gradient(0deg,#22c1c3 0,#fdbb2d 100%);transition:var(--transition-way);background-position:top center;background-size:400% 200%;z-index:3}.card:hover::before{height:100%;background-size:400% 150%;background-position:bottom;background-position:bottom center}.card:hover::after{width:60%;filter:grayscale(0)}h3{z-index:9;position:relative;text-align:center;transition:var(--transition-way);font-size:clamp(1.6rem,6vw,7rem);margin-top:.2em!important}.card:hover h3{font-size:clamp(1rem,4vw,5rem);color:#fff}h4{border:red 1px dotted;border-radius:7px;overflow:hidden;background:0 0;position:relative;width:50%;margin:auto}h4::after{content:"";position:absolute;top:0;right:0;left:0;transform:rotate(20deg) translateY(-20px);animation:br 2s infinite linear;background:red;width:8px;height:300%;filter:blur(7px)}@keyframes br{from{left:-100%}to{left:170%}}.card div{display:flex;justify-content:center;align-items:center;flex-flow:column wrap;position:absolute;bottom:5%;right:50%;transform:translateX(50%);width:max-content;height:max-content;text-align:center;margin:0;font-size:clamp(.7rem,2.2vw,5rem)}.card div h4,.card div p{margin:0;margin-bottom:.5em;font-size:inherit}.card div p{margin-bottom:.2em;font-family:'Noto Sans Arabic',sans-serif;line-height:1em}.card:nth-child(2):after{background:url(/img/a84e81715d6125c3851b812a06b5a50ef29fd05d/hossein.royaei-20220906-0001.jpg) 50% 50%;background-size:cover}.card:nth-child(3):after{background:url(/img/391c56de69002456a529b50456d6a3b3a9f64399/pooria_ghasempur-20220907-0001.jpg) 70% 50%;background-size:cover}.card:nth-child(4):after{background:url(/img/a300561df475eca163c240f159b03a24edb5e929/david_sdghi-20220907-0001.jpg) 50% 50%;background-size:cover}.card:nth-child(5):after{background:url(/img/93e8ef37f05f9d72236d591fd23578b7aaade2c0/mohammadamin__zakeri-20220908-0002.jpg) 50% 50%;background-size:cover}.card:nth-child(6):after{background:url(/img/e88a1e0df5cd6da917d183eeb1e3061a16a22f8f/shokouhimatin-20220910-0002.jpg) 50% 50%;background-size:cover}.card:nth-child(7):after{background:url(/img/b819f1965fd35521ccef9788c71c0f410e841d63/mahdifrn-20220917-0001.jpg) 50% 50%;background-size:cover}footer{position:relative;display:block;width:100%}footer #nav-C{position:relative;display:flex;flex-direction:row-reverse;align-content:flex-end;align-items:flex-end;justify-content:center;background-color:#000;margin-bottom:1.5em;font-size:clamp(1rem,3vw,5rem);flex:.7 0 5em}footer #nav-C a{padding:.5em 1em}#me p{font-size:clamp(.5rem,3.3vw,10rem);font-weight:900;text-align:center;background-color:#fa8bff;background-image:repeating-linear-gradient(45deg,#33209d 1%,#fa8bff 2%,#2bd2ff 3%,#2bff88 4%,#33209d 5%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:ME 20s infinite linear;background-size:600%;position:relative;display:block;margin:auto;font-family:Silkscreen,cursive}#me:hover p{animation:ME 10s infinite linear}#me:hover p::after,#me:hover p::before{animation:brd-ani 3s infinite linear}#me{text-align:center;width:50%;background-color:#000;margin:0 auto}#me p::after,#me p::before{content:"";position:absolute;animation:brd-ani 6.5s infinite linear;top:-10px;right:-10px;left:-10px;bottom:-10px;border:3px solid #fff;border-radius:.1em}#me p::after{animation-delay:3.25s}#me:hover p::after{animation-delay:1.5s}@keyframes brd-ani{0%,100%{clip-path:inset(0 0 98% 0)}25%{clip-path:inset(0 98% 0 0)}50%{clip-path:inset(98% 0 0 0)}75%{clip-path:inset(0 0 0 98%)}}@keyframes ME{from{background-position:0}to{background-position:93%}}@media screen and (max-width:1099px){label{display:block;float:right;display:flex;align-items:center;color:#fff}#nav-C{display:grid;position:absolute;top:100%;width:100%;height:0;transition:.8s;background-color:#ff4500;color:#fff;grid-template-columns:repeat(1,1fr);justify-items:center;align-items:center;align-content:stretch;font-size:clamp(1rem,5vw,2rem);overflow:hidden;z-index:999999}#btn:checked~#nav-C{height:clamp(12rem,20vh,50rem)}a.nav-links{padding:.5em;line-height:.2em}footer #nav-C{display:flex;flex-direction:row-reverse;align-content:flex-end;align-items:flex-end;justify-content:center;background-color:#000;font-size:clamp(.7rem,4vw,1.7rem);flex:.7 0 5em;height:max-content;margin-bottom:1.7em}footer #nav-C a{padding:.5em 1em}}