:root {
  --white: #FFFAFC;
  --black: #120907;
  --pink0: #FFD1E9;
  --pink1: #F492C1;
  --pink2: #D75E96;
  --green: #FFB5A0;
}

@font-face {
  src: url(https://file.garden/ZXJkOcYwORXn2d9V/MCKLB___.ttf);
  font-family: mck;
}

html {
  background: var(--green)
}

body {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  background: var(--white);
  color: var(--black);
  border: 2px solid var(--black);
}

.body {
  display: flex;
}

.head.left {
  width: 15%;
  background: var(--pink0);
  border-right: 2px solid var(--black);
  padding: 6px;
}

.head.left .sitebuttons {
  background: var(--white);
  border: 1px solid var(--black);
  padding: 3px;
}

.sitebuttons .title {
  background-image: url(https://i.pinimg.com/736x/8e/18/43/8e18434759040ead101f07c97c71ac17.jpg);
  background-size: 50%;
  padding: 5px;
  border: 1px solid var(--black);
  border-radius: 10px;
}

.sitebuttons button {
  width: 98%;
  border: none;
  margin: 2px;
  color: var(--black);
  text-align: left;
  border-radius: 3px;
}

.sitebuttons button:nth-child(even) {
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(252, 167, 207, 1) 100%);
}

.sitebuttons button:nth-child(odd) {
background: linear-gradient(180deg,rgba(255, 244, 248, 1) 0%, rgba(240, 151, 127, 1) 100%);
}

.bigtitle {
background: linear-gradient(90deg,rgba(255, 244, 248, 1) 0%, rgba(237, 159, 197, 1) 100%);
  width: 100%;
  height: 22px;
  border-bottom: 1px solid var(--black);
  padding: 3px;
    font-family: mck;
    color: var(--white);
    font-size: 23px;
    letter-spacing: 2px;
    text-shadow: -1px 0 var(--black), 0 1px var(--black), 1px 0 var(--black), 0 -1px var(--black), 0 0;
}