table {
    border-collapse: collapse;
    
}
table, th, td {
    border: 1px solid black;
    border-radius: 30px;
}
th{
    text-align: center;
}
th, td {
    padding: 15px;
    border-bottom: 1px solid;
    text-align: center;
}   
a{
    text-decoration: none;
}
button{
    border: none;
    color: blue;
}


.logo img{

    object-fit: cover;
    pointer-events: none;
    user-select: none;
    display: block;
    width: 1000px;
    height: 1000px;
    border-radius: inherit;
    object-position: center;
}
.header-1{
    flex: none;
    height: 88px;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 1440px;
}
.header-2 {
    flex: none;
    height: 88px;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 1535px;
}
.header-3{
    background-color: #eaeaea;
    flex: none;
    height: 88px;
    left: calc(50% - 800px);
    position: absolute;
    top: calc(50% - 44px);
    width: 1565px;
}
.logo-1 {
    aspect-ratio: 1.1428571428571428 / 1;
    flex: none;
    height: var(--framer-aspect-ratio-supported, 68px);
    left: calc(8.472222222222223% - 78px / 2);
    position: absolute;
    top: calc(46.73295454545455% - 68.25px / 2);
    width: 78px;
}
.logo-1 img{
    pointer-events: none;
    user-select: none;
    display: block;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
    image-rendering: auto;
}
.nameuser {
    transform: translate(750%, 5%);
}
.nameuser p{
    --framer-font-family: "Poppins";
    --framer-font-size: 18px;
    --framer-font-weight: 500;
    display: flex;
    align-items: center;
    text-align: center;
}
.logout{
    transform: translate(1700%, -110%);
    border: 0px solid black;
    background: rgba(25, 143, 30, 0.25);
    text-align: center;
    border-radius: 30px;
    padding: 1px;
}
.logout a{
    color: #198F1E;
}
.logout a:hover {
    color: red;
}

.iklan img{
    padding-left: 10%;
    padding-top: 8%;
    height: 70%;
    width: 80%;
}
section{

}
.tambah {
    flex: none;
    height: 49px;
    left: 1210px;
    overflow: visible;
    position: absolute;
    top: 620px;
    width: 246px;
}
.tambah-1 {
    background-color: #198f1e40;
    border-radius: 1000px;
    flex: none;
    height: 49px;
    left: 0;
    position: absolute;
    top: 0;
    width: 246px;
}
.tambah-2{
    outline: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    transform: none;
}
.tulis p{
    text-align: center;
    color: #198F1E;
}
.tulis a{
    color: #198F1E;
}
.tulis a:hover{
    color: blue;
}
.me-kantin h1{
    padding-left:40px ;
}