@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;src:url(../fonts/roboto-v48-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:900;src:url(../fonts/roboto-v48-latin-900.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Open Sans";font-style:normal;font-weight:700;src:url(../fonts/open-sans-v43-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:400;src:url(../fonts/raleway-v36-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:500;src:url(../fonts/raleway-v36-latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:"Raleway";font-style:normal;font-weight:600;src:url(../fonts/raleway-v36-latin-600.woff2)format("woff2")}*,::after,::before{padding:0;margin:0;box-sizing:border-box}ol,ul{list-style:none}a,button{transition:all .2s ease}button{cursor:pointer}img{vertical-align:top;width:100%;height:100%;object-fit:cover}.container{width:min(80%,1170px);margin:0 auto}body{font-size:1rem;color:#232323;font-family:Roboto,sans-serif;overflow-x:hidden}.page-wrapper{padding:min(20px,5%)0;display:flex;flex-direction:column;justify-content:space-between}.page-wrapper main{flex-grow:1}header{margin-bottom:min(40px,4%)}header hgroup{width:min(450px,100%);justify-self:center;border-bottom:1px solid #fc0;position:relative}header hgroup::after{content:url(../images/bonfire.svg);position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:20px;height:20px;background-color:#fff}header hgroup h1,header hgroup p{text-align:center;font-style:normal;text-transform:uppercase}header hgroup p{margin-bottom:15px;color:#898f8f;font-family:Raleway,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.5rem}header hgroup h1{margin-bottom:50px;color:#fc0;font-size:3.75rem;font-weight:900;line-height:4.125rem}.member{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width:1024px){.member{grid-template-columns:1fr}.member .photo.photo{margin:20px auto}.member .content.content{padding:20px 0;border-top:1px solid #fc0;border-left:none}}.member .photo{max-width:400px;position:relative;display:grid;margin:85px auto}.member .photo:hover img{scale:1}.member .photo:hover .square{opacity:0;scale:3}.member .photo img{transition:all .3s ease-in-out;scale:.933}.member .photo .square{transition:all .3s ease-in-out;opacity:1;position:absolute;width:100px;height:100px;border-top:1px solid #fc0;border-left:1px solid #fc0}.member .photo .square:nth-child(3){transform:rotate(90deg);justify-self:right}.member .photo .square:nth-child(4){align-self:end;transform:rotate(270deg)}.member .photo .square:nth-child(5){justify-self:right;align-self:end;transform:rotate(180deg)}.member .content{padding:0 80px;border-left:1px solid #fc0;display:flex;flex-direction:column;justify-content:center}.member .content .social-icons{justify-content:center;display:flex;gap:10px}.member .content .social-icons li{transition:all .2s ease;border:2px solid #ccc;display:inline-block;background-color:transparent;border-radius:50%}.member .content .social-icons li:active,.member .content .social-icons li:focus,.member .content .social-icons li:hover{border:2px solid #fc0;scale:1.2}.member .content .social-icons li:active svg,.member .content .social-icons li:focus svg,.member .content .social-icons li:hover svg{fill:#fc0}.member .content .social-icons li a{text-decoration:none;background-color:transparent}.member .content .social-icons li a svg{opacity:1;fill:#ccc;width:30px;height:27px}.member .content button{width:118px;height:24px;align-self:center;border:1px solid #fc0;padding:5px 10px;background-color:transparent;justify-self:center}.member .content button:active,.member .content button:focus,.member .content button:hover{scale:1.2}.member .content button span,.member .content>p{text-align:center;font-size:.875rem;font-style:normal}.member .content button span{color:#666;font-family:"Open Sans",sans-serif;font-weight:700;line-height:.875rem;text-transform:uppercase}.member .content>p{color:#333;font-family:Raleway,sans-serif;font-weight:500;line-height:1.5rem;margin-bottom:10px}.member .content .header{margin-bottom:50px;display:flex;flex-direction:column;gap:30px}.member .content .header h2,.member .content .header span{color:#666;text-align:center;font-style:normal;text-transform:capitalize}.member .content .header span{font-family:Raleway,sans-serif;font-size:1.5rem;font-weight:400;line-height:2.25rem}.member .content .header hr{width:100px;align-self:center;border:0;border-top:2px solid #fc0}.member .content .header h2{font-size:2.25rem;font-weight:900;line-height:normal}.decore{align-self:center;margin-bottom:20px}