* {outline: none;}
    body, html {padding:0; margin: 0; min-height: 100%; height: 100%;}
    body {background-image: url(back.png); background-repeat: no-repeat; background-position: center center; background-size:cover; 
    	font-family: GillSans; width: 100%; min-height: 100%; height: 100%; overflow:hidden;}
    
    @font-face {
    	font-family: GillSans;
    	src: url(GillSans.ttf); /* Путь к файлу со шрифтом */
	}
    @font-face {
    	font-family: GillSans Bold;
    	src: url(GillSans-Bold.ttf); /* Путь к файлу со шрифтом */
	}

    .wrap {width: 50%; height: 50%; display: inline-block; position: relative;}
    .wrap_in {overflow: hidden; width: 50%; height: 50%; display: inline-block; position: relative;}

    .head {z-index:-1; width: 100%; height: 100%; display: flex justify-content:center; top:0; left:0; position: absolute; align-items:center;}
    .head > video {z-index:-1; height: 110%; position: absolute; -webkit-filter: blur(5px); filter: blur(5px);}

    .head::before {content:""; z-index:0; background-color: rgba(0,0,0,0.4); width:100%; height: 100%; position: absolute;}

    .per1 {height:7%; width: 100%; text-align: center; display: flex; justify-content: center; align-items: flex-end; 
    	font-size:30px; font-weight: bold;}
    .per2 {height:93%; width: 100%;}

    .link { vertical-align: top; width: 50%; height: 100%; flex-wrap: wrap; display: inline-flex; align-items: center; justify-content: center;}
    .linked {box-shadow: 0px 0px 10px rgba(0,0,0,0.8); border:5px solid #354cb9; position: relative; font-weight: bold; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; font-size: 28px; font-weight: bold; 
    	text-align: center; text-decoration: none; color: #000000; width: 300px; height: 300px; flex-wrap: wrap; display: inline-flex; background-color: rgba(255,255,255,0.6); border-radius: 50%; align-items: center; justify-content: center;}

    .medal {font-weight: bold; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; font-size: 28px; font-weight: bold; text-align: center; text-decoration: none; color: #000000; width: 320px; height: 300px; flex-wrap: wrap; display: inline-flex; align-items: center; justify-content: center;}

    .people {overflow:hidden; margin:20px; height: calc(100% - 40px);}
    .p_left {vertical-align: top; width: calc(20% - 40px); display: inline-flex; margin: 20px;}
    .p_right {overflow:hidden; line-height: 1.3; text-align: justify; vertical-align: top; width: calc(80% - 40px); height: calc(100% - 40px); flex-direction: column; display: inline-flex; margin: 20px; font-size: 25px;}

    .padding {padding-right: 20px;}
    .p_ava {border:5px solid #354cb9; box-shadow: 0px 0px 10px rgba(0,0,0,0.8); width: 100%; background-color: rgba(255,255,255,0.6); border-radius: 20px; overflow: hidden;}
    .p_ava_t {margin-top:20px; text-align: center; font-size: 30px; font-weight: bold;}
    .p_left img{display: block; margin: 0; padding: 0;}
    .p_right p{margin-top: 0px;}
    .p_right h2{margin-top: 0px;}

    .scroll {overflow-x: auto; overflow-y: auto; width: 100%; height: 100%;}

    .ava {display: flex; justify-content: center; align-items: center; flex-direction: column;}

    .medal {font-weight: bold; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; font-size: 28px; font-weight: bold; text-align: center; text-decoration: none; color: #000000; width: 320px; height: 300px; flex-wrap: wrap; display: inline-flex; align-items: center; justify-content: center;}

    .name {padding-top: 20px; line-height: 1.5; font-weight: bold; text-align:center; font-size: 25px;}
    .more {position: absolute; bottom: 40px; padding:10px 15px; color:#ffffff; border-radius: 20px; background-color:#354cb9; font-size: 16px;}
    .btn {float: right; padding:10px 15px; color:#ffffff; border-radius: 20px; background-color:#354cb9; font-size: 16px;}

.back {text-decoration:none; color:#000000; position: absolute; font-size: 26px; left:20px; top:20px; padding:15px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); background-color: #ffffff; font-weight: bold;}
.back:hover {text-decoration:none; color:#000000; position: absolute; font-size: 26px; padding:15px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.6); background-color: #ffffff; font-weight: bold;}