*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,body{
    width: 100%;
    height: 100%;
}
.ract{
    border: 2px solid black;
    width: 200px;
    height:300px;
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    background-color: crimson
    
}
p{
    font-size: 2vw;
    padding: 1vw 1vw;
}
@media (max-width:500px) {
    .ract{
        width: 150px;
        height:200px;
        top: 40%;
    
}
p{
    font-size: 5vw;
    padding: 2vw 2vw;
}
}