.main {
    width: 100rem;
    height: 55rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main .frame {
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 10px 2.5px black;
    transform: translate(-50%, -50%);
    height: 95%;
    width: 95%;
    border-radius: 35px;
    background-color: rgb(39, 39, 39);
    border: 2px solid rgb(92, 92, 92);
}

.main .frame .inner {
    position: absolute;
    top: 50%;
    left: 3rem;
    transform: translateY(-50%);
    height: 95%;
    width: 87rem;
    border-radius: 10px;
    background-color: rgb(26, 25, 25);
    overflow: hidden;
}

.main .frame .inneroutline {
    display: none !important;
    position: absolute;
    top: 50%;
    left: 3rem;
    transform: translateY(-50%);
    height: 95%;
    width: 87rem;
    border-radius: 25px;
    box-shadow: inset 0px 0px 0px 2px rgb(39, 39, 39);
}

.main .frame .accesories .homebutton {
    position: absolute;
    width: 3rem;
    height: 3rem;
    border-radius: 100px;
    background-image: radial-gradient(rgb(90, 90, 90), rgb(66, 66, 66), rgb(41, 41, 41));
    top: 50%;
    right: .8rem;
    border: 2px solid rgb(82, 81, 81);
    transform: translateY(-50%);
    cursor: pointer;
}

.main .frame .accesories .top {
    position: absolute;
    width: 1rem;
    height: fit-content;
    min-height: 2rem;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
}

.main .frame .accesories .top .camera {
    position: absolute;
    width: .75rem;
    height: .75rem;
    bottom: .25rem;
    left: 50%;
    border-radius: 100px;
    transform: translateX(-50%);
    background-image: radial-gradient(rgb(121, 121, 121), rgb(75, 74, 74), rgb(75, 74, 74), rgb(75, 74, 74));
}

.main .frame .accesories .side .power-button {
    position: absolute;
    top: 5rem;
    left: -.4rem;
    width: .25rem;
    height: 2.5rem;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: rgb(77, 77, 77);
    cursor: pointer;
    transition: .1s;
}
.main .frame .accesories .side .power-button:active {
    width: .2rem;
    left: -.3rem;
}