.unreal *{margin:0;padding:0;box-sizing:border-box}.unreal{color:#fff;padding:60px 16px 24px}.unreal a,.unreal h1,.unreal p{color:#fff;text-align:center}.unreal .card{min-width:200px;height:80vh;perspective:800px;margin:0 auto}.unreal .card__inner{position:relative;height:100%;transform-style:preserve-3d;transition:transform .5s}.unreal .card__body{outline:3px solid black;position:absolute;inset:0;display:grid;place-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;box-shadow:0 5px 10px rgba(0,0,0,.15)}.unreal .card__title{margin:10px}.unreal .card__body--front{background-image:linear-gradient(-20deg,#0086c7,#4136d9)}.unreal .card__body--back{background-image:linear-gradient(-20deg,#f32d5b,#ff009b);transform:rotateY(180deg)}.unreal .card__body--back .content,.unreal .card__body--front .content{display:block}.unreal .card__inner.is-flipped .card__body--front .content,.unreal .card__inner:not(.is-flipped) .card__body--back .content{display:none}.unreal #Unity{background-image:linear-gradient(-20deg,#0086c7,#4136d9)}.unreal #Unreal{background-image:linear-gradient(-20deg,#f32d5b,#ff009b)}.unreal .button{min-width:100px;max-width:200px;min-height:50px;max-height:100px;width:10vw;height:5vw;float:right;color:white;padding:10px 20px;margin-right:5vw;border:none;border-radius:4px;cursor:pointer}.unreal .content{margin:auto}.unreal iframe{position:relative;left:50%;transform:translate(-50%);border:0;outline:0;max-width:100%}@media(max-width:1600px){.unreal h1{font-size:clamp(22px,5vw,48px)}.unreal a,.unreal p{font-size:clamp(14px,2.5vw,18px)}.unreal .card,.unreal .head{width:60vw}}@media(max-width:1000px){.unreal h1{font-size:clamp(20px,8vw,40px)}.unreal a,.unreal p{font-size:clamp(12px,4vw,16px)}.unreal .card,.unreal .head{width:80vw}}@media (min-width:1600px){.unreal h1{font-size:clamp(24px,4vw,56px)}.unreal a,.unreal p{font-size:clamp(14px,2vw,20px)}.unreal .card,.unreal .head{width:50vw}}