@font-face {
    font-family: "Dynapufflesmed";
    src: url(fonts/DynaPuff-Medium.ttf);
}

h1{
    font-family: "Dynapufflesmed",sans-serif;
    font-size: 30px;
    font-style: bold;
        margin-top: 15px;
      margin-bottom: 25px;
      margin-left: 15px;
      margin-right: 15px;
}

@font-face {
    font-family: "Dynapufflesmedcondensed";
    src: url(fonts/DynaPuff_Condensed-Medium.ttf);
}


p{
    font-family: "Dynapufflesmedcondensed",sans-serif;
    font-size: large;
    font-style: normal;
        margin-top: 5px;
      margin-bottom: 5px;
      margin-left: 15px;
      margin-right: 15px;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
    .border {

	display: grid;
	min-height: auto;
	border: 10px outset;
	padding: auto;
}
.boxed {
  border: 1px solid #FF7AF4 ;
  
}

img {
    max-width: 100%;
    height: auto;
    position: center;
}

.container {
    max-width: 100%;
    height: auto;
    position: center;
}

.bordergrad {
	border-width: 15px;
	border-image: repeating-radial-gradient(
			circle at 20px,
			#8C82FF 0px,
			#CA82FF 2px,
			#82FF8C 3px,
			#F5FF82 2px
		)
		1;
}