@font-face {
    font-family: plushie;
    src: url(font/plushie.ttf);
}

@font-face {
    font-family: rainyhearts;
    src: url(font/RainyHearts-Regular.ttf);
}

@font-face {
    font-family: navish;
    src: url(font/navish.ttf);
}

body {
    background-image: url(pics/diagonalbg.gif);
    margin: 0;
    font-family: plushie;
}

#s-m-t-tooltip{

 max-width: 220px;
 z-index: 10;
 margin: 24px 14px 7px 12px;

 padding:5px;
	-moz-border-radius:10px;
  -webkit-border-radius:10px;
 border-radius:0px;
 border:6px solid;
 border-image:  url(pics/borders/cube.gif) fill 6 round;
 background-color:#fdd1e2;
 color: #c0325f;
 font-family: rainyhearts;
 border-radius: 5px;
}

 .main{
    background-image: url(pics/pinkgreen.jpg);
    width: 1000px;
    height: auto;
    margin: 0 auto;
    border: solid 8px;
    border-image: url(pics/borders/cuteborder.png) 12 round;
    display: flex;
    flex-wrap: wrap;
    gap: 33px;
    padding: 20px;
    justify-content: center;
 }

 #mainoc {

    width: 300px;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.852);
    background-image: url(pics/everbg.jpg);
    border: #fdd1e2 solid 2px;
    border-radius: 5px;
    display: flex;
    color: #c0325f;
    text-align: center;
}

#mainoc img {
    width: 150px;
}   

#mainoc p {
    margin-top: 60px;
    padding-right: 10px;

}

.ocart {
    width: 300px;
    height: 300px;
    border-radius: 5px;
    border: #fdd1e2 solid 2px;
    object-fit: cover;
}

.ocart img {
    width: 300px;
    height: 300px;
    border-radius: 5px;
}