*{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}.lord{position:relative;width:clamp(1.7rem,7vw,10rem);height:clamp(1.7rem,7vw,10rem);border-radius:10px;transition:.5s ease-in-out;box-shadow:0 10px 25px #c1c1c1;background-color:#fff}.lord p{position:absolute;right:50%;top:50%;transform:translate(50%,-50%);margin:0;justify-self:flex-end;font-size:clamp(.3rem,3vw,2.5rem);color:inherit;font-weight:900;width:max-content;opacity:0}.lord:hover p{opacity:1;right:50%;top:50%;transform:translate(50%,-50%)}.lord:hover{width:clamp(1rem,14vw,20rem);color:#fff}#lord1:hover{background:var(--call-B);color:#fff}#lord2{color:#87ceeb}#lord2:hover{background:var(--sms-B);color:#000!important}#lord3:hover{background:var(--wa-B)}#lord4:hover{background:var(--insta-B)}.lord i{position:absolute;transition:.5s ease-in-out;transition-delay:-.5s;right:50%;top:50%;transform:translate(50%,-50%);font-size:clamp(1rem,7vw,9rem)}.lord:hover i{display:none;right:0;transform:translate(0,-50%)}a{border-radius:50%;display:inline-block}.ri-instagram-fill{background-image:var(--insta-B);-webkit-background-clip:text;background-clip:text;color:transparent}.ri-whatsapp-fill{color:#06bb38}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}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}}