.p{height:80vh;margin:20px 10px;border:2px solid #f3f2f2;border-radius:10px 10px 0 0;overflow:hidden}:root{--yellow:#f9d806;--light-yellow:#ffee80;--black:#130f40;--light-color:#666;--border:0.1rem solid rgba(0,0,0,.1);--peru:#cd9452;--black:#222;--white:#fff;--light-black:#666;--light-white:#ccc;--light-bg:#f5f5f5;--dark-bg:rgba(0,0,0,.7);--border:0.1rem solid #aaa;--box-shadow:0 0.5rem 1rem rgba(0,0,0,.1)}.p-img{width:100%;transition:all 10s ease}.p:hover .p-img{transform:translateY(-100%)}@media screen and (max-width:480px){.p{width:40%;height:20vh}}.btn:hover{background:var(--yellow)}