*{box-sizing:border-box}:root{--card-height:70%;--icon-height:3.7rem;--sms-B:linear-gradient(to right bottom, skyblue, white);--call-B:linear-gradient(to right bottom, blue, black);--insta-B:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);--wa-B:linear-gradient(to right bottom, #3dda59, white)}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}#btn 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}#container{width:100%;height:200vh;background-color:#1773ea;display:flex;flex-flow:row wrap;align-items:center;align-content:flex-start;justify-content:space-around}#container .card{position:relative;background-color:#0e0c1a;width:clamp(14rem - 10vw,45vw,30rem);aspect-ratio:1/1.2;margin:10px}.card::before{content:"";position:absolute;margin:0;width:100%;height:var(--card-height);background:url(/img/3b74869a7ab5705153c84b71f3bc1939b0902da4/a_amini-20220907-0005.jpg) no-repeat;background-size:cover}.card#card2::before{background:url(/img/a84e81715d6125c3851b812a06b5a50ef29fd05d/hossein.royaei-20220906-0001.jpg) no-repeat;background-size:cover}.links{display:flex;justify-content:space-around;align-items:center;width:100%;height:calc(100% - var(--card-height));position:absolute;bottom:0;background-color:#0e0c1a}.cardlist{background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:15px;box-shadow:rgba(33,35,38,.1) 0 10px 10px -10px,0 2px #333;border:3px solid #333}li:nth-child(1) .cardlist{background-image:url(/gallery/bf78a0af1372cd5736e01ee5933b395a2c38593e/a.jpg)}li:nth-child(2) .cardlist{background-image:url(/gallery/fb1ec632694b38faa9d77c84346596e7eaa0b981/b.jpg)}li:nth-child(3) .cardlist{background-image:url(/gallery/c27a4e98c3c43207fe57c936677329144316c3cc/c.jpg)}li:nth-child(4) .cardlist{background-image:url(/gallery/a19a2a55f959bfd035514670dbb0235439e0c978/d.jpg)}li:nth-child(5) .cardlist{background-image:url(/gallery/c52a67ee23612dd56c180cddef760ec3ffa31220/e.jpg)}li:nth-child(6) .cardlist{background-image:url(/gallery/3cefd8fcc8f19b02dd19d5fac710b027cd865aaa/f.jpg)}li:nth-child(7) .cardlist{background-image:url(/gallery/4acdb5317329baf03f12c1e8c688e2c27c10e4e2/g.jpg)}li:nth-child(8) .cardlist{background-image:url(/gallery/35cdf502dc9af8c63c9bfe03f8e487d2c699429f/h.jpg)}li:nth-child(9) .cardlist{background-image:url(/gallery/83aedbd2480660a1a6294ff63a42339c760cd7c4/j.jpg)}li:nth-child(10) .cardlist{background-image:url(/gallery/fd75563096a80c58f76541e80db70dafab7d37d9/k.jpg)}li:nth-child(11) .cardlist{background-image:url(/gallery/15c362ed1fe2a2e6c39990231102b539a7659023/l.jpg)}li:nth-child(12) .cardlist{background-image:url(/gallery/558229988b5c6f5662559300f12b4c66c56ed7ea/m.jpg)}li:nth-child(13) .cardlist{background-image:url(/gallery/388573c046e3acaeae41e78b81d3320687b0e048/n.jpg)}li:nth-child(14) .cardlist{background-image:url(/gallery/70dab3d85077c4d97d3a71ae3c880a846a9bddd2/o.jpg)}li:nth-child(15) .cardlist{background-image:url(/gallery/ea840560637ae13ea0e78a6ba2db6ed8b27622e0/p.jpg)}li:nth-child(16) .cardlist{background-image:url(/gallery/14807fc0d4a4530745ba1af43cdaa03762b12a74/q.jpg)}#grid-C{display:flex;align-items:center;justify-content:center}.grid{border-radius:25px}.grid{display:grid;width:clamp(2rem,70%,70rem);height:clamp(2rem,95%,7rem);padding:1em;gap:1em;grid-template-columns:repeat(3,1fr);overflow:auto;list-style-type:none;transition:all .5s ease}li{padding:0}.cardlist{transform:scale(calc(.25 + (var(--shown,1) * .75)));transition:all .5s ease;background-color:#f7c548;aspect-ratio:1}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;justify-content:center;align-items:center;align-content:stretch;font-size:clamp(1rem,5vw,2rem);overflow:hidden}#btn:checked~#nav-C{height:clamp(12rem,20vh,50rem)}a.nav-links{padding:.5em;line-height:.2em}.grid{display:grid;width:clamp(2rem,90%,70rem);height:clamp(2rem,95%,7rem);padding:0;gap:1em;grid-template-columns:repeat(2,1fr);overflow:auto;list-style-type:none;transition:all .5s ease}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}}