body {
    background: #f7dae5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    font-family: "Roboto";
}

.header {
    position: fixed;
    top: 10px;
    right: 30px;
    font-size: 18px;
    font-weight: 600;
    font-family: "Poppins";
}

.bezel {
    margin: 0;
    position: absolute;
    width: 280px;
    height: 550px;
    border-radius: 10px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 1) 3%, rgba(0, 0, 0, 1) 97%, rgba(0, 0, 0, 0.3) 100%);
}

.screen {
    margin: 0;
    position: absolute;
    top: 49.2%;
    left: 49.2%;
    transform: translate(-49.2%, -49.2%);
    width: 98%;
    height: 97.5%;
    background-image: linear-gradient(68.4deg, rgba(248, 182, 204, 1) 0.5%, rgba(192, 198, 230, 1) 49%, rgba(225, 246, 240, 1) 99.8%);
    border-radius: 7px;
}

.camera {
    margin: 0;
    position: absolute;
    top: 2%;
    left: 50%;
    transform: translate(-2%, -50%);
    width: 15px;
    height: 15px;
    background: #212121;
    border-radius: 70px;
}

.camerainside {
    margin: 0;
    position: absolute;
    top: 47%;
    left: 48%;
    transform: translate(-47%, -48%);
    width: 7px;
    height: 7px;
    background: #292929;
    border-radius: 200px;
}

.glow {
    margin: 0;
    position: absolute;
    top: 18%;
    left: 30%;
    transform: translate(-10%, -30%);
    width: 4px;
    height: 4px;
    background: #5c5c5c;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.samsung {
    margin: 0;
    position: absolute;
    font-size: 70px;
    color: black;
    top: 39.5%;
    left: 35.5%;
    transform: translate(-39.5%, -39.5%);
    font-weight: 600;
    transform: rotate(-90deg);
    width: 100%;
}

.volume {
    margin: 0;
    position: absolute;
    top: 20%;
    left: -.5%;
    transform: translate(-20%, .5%);
    width: 1%;
    height: 12%;
    border-radius: 70px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.4) 100%);
}

.power {
    margin: 0;
    position: absolute;
    top: 38%;
    left: -.5%;
    transform: translate(-38%, .5%);
    width: 1%;
    height: 6%;
    border-radius: 70px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.4) 100%);
}

.description1 {
    margin: 0;
    position: absolute;
    top: 44.8%;
    left: 13%;
    transform: translate(-44.8%, -13%);
    font-size: 30px;
    font-weight: 600;
    text-shadow: 2px 2px 8px rgba(17, 8, 5, 0.28);
}

.description2 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 24%;
    transform: translate(-50%, -24%);
    font-size: 60px;
    font-weight: 600;
    text-shadow: 2px 2px 8px rgba(17, 8, 5, 0.28);
}