.profile button,.profile button:hover{color:#000;font-family:myFont,sans-serif}.profile button,.profile button:active,.profile button:hover,.profile p{font-family:myFont,sans-serif}#p1,.main .p3,.main .p4,.main p{text-align:center}.caption,.change-background{font-size:30px;font-family:myfont,sans-serif}.caption,.change-background,.main .p3{font-family:myfont,sans-serif}.main .b1,nav ul li,nav ul li a{display:inline-block}.container .profile-title,.main .b1{background-image:linear-gradient(#6f717100,#2e2f2f00)}*,body{margin:0}@font-face{font-family:myFont;src:url('font/Far.Afsoon.ttf')}@font-face{font-family:myfont1;src:url('font/SedgwickAveDisplay-Regular.ttf')}*{box-sizing:border-box;padding:0}body{font:75%,medium/1.7,normal 'Open Sans',,,sans-serif;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-attachment:fixed}.container{max-width:1100px;margin:0 auto;padding:0 20px}.caption,.profile p{padding:10px;right:0}.header h1{float:left;font-size:32px;font-weight:700}nav ul{float:right;list-style-type:none;margin:20px 0 0}nav ul li a{color:#333;font-size:16px;font-weight:500;margin:0 20px 0 0;text-transform:uppercase}nav ul li a:hover{color:#333}.container h2{font-size:24px;font-weight:700;margin:30px 0}.profile{width:250px;float:left;position:absolute;left:0}.profile img{position:relative;width:90px;height:90px;border-radius:50%;border:3px solid #afafaf;z-index:4}.profile p{position:absolute;top:-5px;background-color:rgba(0,0,0,.153);font-size:16px;font-weight:400;line-height:1.5;border-radius:10px;z-index:1;box-shadow:#000 0 0 8px}.image-container,.main img{position:relative}.main img,iframe{box-shadow:1px 3px 10px rgb(0 0 0);max-width:100%}.main img{height:auto;border-radius:10px;z-index:4}.profile button,button{box-shadow:#000 0 0 8px;text-transform:uppercase;transition:.5s}button,header{z-index:1}.profile button{position:absolute;top:45px;right:60px;left:90px;padding:5px;border-radius:20px;border:0;background-color:rgba(240,26,222,0);font-size:18px;z-index:1}.change-background,.main .b1,video{border-radius:10px}.profile button:hover,button:hover{box-shadow:rgba(0,0,0,.726) 0 7px 29px 0}.main i,.main p,button{font-size:16px}.profile button:active,button:active{letter-spacing:3px;transform:translateY(10px);transition:.1s}.profile button:hover{letter-spacing:3px;background-color:rgba(0,0,0,.63)}.profile button:active{background-color:hsla(261,80%,48%,0);color:#fff;box-shadow:#57ffbd 0 0 0 0}@media (max-width:768px){nav ul li,nav ul li a{display:block}nav{float:none}nav ul{text-align:center}nav ul li a{margin:10px 0}}.main .p3{font-size:36px}#p1{font-size:14px}.main p{direction:rtl}.main .p4{font-size:12px}.change-background{background-image:linear-gradient(#0c6a5c,#028780);background-size:100%;background-repeat:repeat;animation:2s ease-in-out infinite alternate mymove;text-align:center;color:#fff;position:relative}#particles-js,.playpause{background-repeat:no-repeat;top:0;left:0}.container .profile-title,.main .b1,.playpause,.text1{animation-duration:2s;animation-iteration-count:infinite;animation-direction:alternate}@keyframes mymove{from{background-position-x:left;background-position-y:bottom;color:#fff}to{background-position-x:right;background-position-y:top;color:#000}}.caption{position:absolute;bottom:0;left:0;color:#fff;text-shadow:10px 10px 10px #000;z-index:2}.text,.text1{font-size:20px;color:#000}.text,button,button:active,button:hover{font-family:myFont,sans-serif}.main .b1{animation-name:bax;text-align:right;font-size:18px;border-style:solid;border-width:1px}.main i,.text,.text1{text-align:center}@keyframes bax{0%{box-shadow:3px 6px 20px #000}25%{box-shadow:4px 8px 30px #000000b6}50%{box-shadow:5px 10px 40px #0000008d}75%{box-shadow:6px 12px 50px #00000072}100%{box-shadow:7px 14px 60px #00000034}}.main .H1-13{font-family:myfont1,sans-serif;font-weight:200}.container .profile-title{text-align:center;animation-name:title;margin:0;font-family:myFont1,sans-serif;font-weight:300;font-size:48px;transition:color .5s}@keyframes title{0%{text-shadow:1px 2px 10px #000}25%{text-shadow:1px 2px 10px #000000b6}50%{text-shadow:4px 8px 20px #0000008d}75%{text-shadow:1px 2px 10px #00000072}100%{text-shadow:8px 8px 30px #00000034}}video{max-width:100%;height:auto;box-shadow:1px 3px 10px rgba(0,0,0,.33);filter:grayscale(80%)}.video{width:100%;border:1px solid rgba(0,0,0,.257)}.wrapper{display:table;position:relative;width:50%}.playpause{background-image:url(img/دکمه-removebg-preview.png);width:50px;height:50px;position:absolute;right:0;bottom:0;margin:auto;background-size:contain;background-position:center;animation-name:ply;border-radius:100px}@keyframes ply{0%{box-shadow:1px 2px 10px #000}25%{box-shadow:1px 2px 10px #000000b6}50%{box-shadow:4px 8px 20px #0000008d}75%{box-shadow:1px 2px 10px #00000072}100%{box-shadow:8px 8px 30px #00000034}}iframe{border-radius:10px}.text{text-shadow:1px 4px 6px #000;z-index:999}.container1{display:flex;flex-direction:column;height:200px}.text1{width:90vw;flex-grow:1;animation-name:c4;max-width:100%;height:auto;border:none;border-radius:30px;background-color:#fefefe00;z-index:990}.text1:hover{font-size:10px}@keyframes c4{0%{box-shadow:1px 2px 10px #000}25%{box-shadow:1px 2px 10px #000000b6}50%{box-shadow:4px 8px 20px #0000008d}75%{box-shadow:1px 2px 10px #00000072}100%{box-shadow:8px 8px 30px #00000034}}button{padding:9px;border-radius:50px;border:0;background-color:rgba(0,0,0,0);color:#000}button:hover{letter-spacing:3px;background-color:hsla(0,0%,0%,.63);color:#000}button:active{background-color:hsla(0,0%,0%,.856);color:#fff;box-shadow:rgba(0,0,0,.713) 0 0 0 0}canvas{display:block}#particles-js{background-color:#00000000;background-size:cover;background-position:50% 50%;height:100%;width:100%;position:fixed;z-index:0}.js-count-particles{font-size:1.1em}#stats,.count-particles{user-select:none;margin-top:5px;margin-left:5px}#stats{border-radius:3px 3px 0 0;overflow:hidden}.count-particles{border-radius:0 0 3px 3px}main{z-index:5}