@charset "UTF-8";
/* CSS Document */

body {
	font-family: "runda", sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 20pt;
	padding: 20px;
	height: 100vh;
    //overflow: hidden;
    //touch-action: none;
}
p {
	padding-right: 20vw;
}
h1 {
	font-size: 60pt;
	font-family: "runda", sans-serif;
font-weight: 900;
font-style: normal;
	cursor: grab;
}
h3 {
	font-family: "runda", sans-serif;
font-weight: 900;
font-style: normal;
	font-size: 35pt;
	-webkit-text-stroke-color:#000;
	text-stroke-color:#000;
	-webkit-text-stroke-width:1px;
	text-stroke-width:1px;
	color: #fff;
	margin-bottom: 20px;
}
h4 {
	font-family: "runda", sans-serif;
font-weight: 700;
font-style: normal;
	font-size: 30pt;
	-webkit-text-stroke-color:#000;
	text-stroke-color:#000;
	-webkit-text-stroke-width:1px;
	text-stroke-width:1px;
	color: #fff;
	margin-bottom: 20px;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline #c29bc8 4px;
	color: #c29bc8;
}
.backimg img{
	position: fixed;
	bottom: 29vh;
	right: 50px;
	width: 180px;
}
.text {
	display: none;
}

.frame {
    position: absolute;
    border: 2.5px solid #8a67aa;
    transform-origin: center center;
    user-select: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    transform: rotate(-5deg);
	position: fixed;
	bottom: 40vh;
	right: 65px;
  }

  h1 {
    margin: 0;
    padding: 0;
    color: #000;
    font-weight: 900;
    white-space: nowrap;
    line-height: 1;
    transform-origin: center center;
  }

  /* Handles */
  .handle {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #fff;
    border: 2px solid #8a67aa;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
  }

  .handle[data-pos="tl"] { top: 0%; left: 0%; cursor: nwse-resize; }
  .handle[data-pos="tr"] { top: 0%; left: 100%; cursor: nesw-resize; }
  .handle[data-pos="bl"] { top: 100%; left: 0%; cursor: nesw-resize; }
  .handle[data-pos="br"] { top: 100%; left: 100%; cursor: nwse-resize; }

  .handle.rotate {
    top: -25px;
    left: 50%;
    cursor: ew-resize;
  }