* { margin:0; padding:0; box-sizing: border-box; font-size: inherit; font-family: inherit; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea, button {  border: 0; background: none; outline: none; }
button { cursor: pointer; }
a { text-decoration: none; }
p { margin-bottom: 1rem; }
p:last-child { margin-bottom:0; }

/* --------------- */

@font-face {
	font-family: 'Normalidad Compact';
	font-weight: normal;
	font-style: normal;
    src: local('Normalidad Regular Var'), local('NormalidadCompact-Regular'),
        url('fonts/NormalidadCompact-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/NormalidadCompact-Regular.woff2') format('woff2'),
        url('fonts/NormalidadCompact-Regular.woff') format('woff'),
        url('fonts/NormalidadCompact-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Normalidad Compact Medium';
    src: url('fonts/NormalidadCompact-Medium.eot');
    src: local('Normalidad Medium Var'), local('NormalidadCompact-Medium'),
        url('fonts/NormalidadCompact-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/NormalidadCompact-Medium.woff2') format('woff2'),
        url('fonts/NormalidadCompact-Medium.woff') format('woff'),
        url('fonts/NormalidadCompact-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Normalidad Compact Light';
    src: url('fonts/NormalidadCompact-Light.eot');
    src: local('Normalidad Light Var'), local('NormalidadCompact-Light'),
        url('fonts/NormalidadCompact-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/NormalidadCompact-Light.woff2') format('woff2'),
        url('fonts/NormalidadCompact-Light.woff') format('woff'),
        url('fonts/NormalidadCompact-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* --------------- */

:root {
  --seriy:	#D0CFCF;
  --rijiy:	#FF5500;
  
  scroll-behavior: smooth;
}
/* --------------- */


html { font-family: 'Normalidad Compact', Arial; font-size: 20px;  line-height: 120%; }
body { background: #fff; color: #000; min-width: 320px; }

h1 { font-family: 'Normalidad Compact Medium'; font-size: 7.0rem; font-weight: normal; line-height: 80%; margin-bottom: 4rem; margin-top: 6rem; }
h2 { font-family: 'Normalidad Compact Medium'; font-size: 1.8rem; font-weight: normal; line-height: 110%; margin-bottom: 2rem; }
h3 { font-family: 'Normalidad Compact Medium'; font-size: 1.0rem; font-weight: normal; line-height: 110%; }

button {
	font-size: 1rem;
	font-family: 'Normalidad Compact Medium';
	border-radius: 999px;  
	line-height: 100%;
	padding: 1.1rem 2rem 1.2rem 2rem;
	transition: 300ms;
	background: linear-gradient(104deg, #FF804A, #FF5500);
	color: white;
	border: 0;
	top: 0;
	position: relative;
}
button:hover {  top: -4px; box-shadow: 4px 8px 20px #ffccb3; }

form { margin-top: 1.5rem; }



.kern {  aspect-ratio: 149 / 238; }
.kern img { display: block; }
.kern_body { width: 100% }
.kern_hand { width: 24%; position: absolute; left: 0; top: 15%; z-index: 2; transform-origin: 100% 100%; rotate: -10deg; animation: hello_world 800ms linear alternate infinite; }


footer { background: black; padding: 2rem 4rem; color: white; display: none; position: absolute; bottom: 0; width: 100%; left: 0; z-index: 100; }

footer section { display: flex; justify-content: space-between; align-items: center; height: auto; }

footer section article { display: flex; gap: 1rem; flex-direction: row; align-items: center; height: auto; min-height: initial; padding: 0; position: relative; width: auto; }

.social { display: flex; gap: 0.5rem;  }
.social a { position: relative; display: inline-block; }
.social a img { display: block; transition: 300ms linear; height: 3rem; }
.social a img:first-child { position: absolute; width: 100%; height: 100%; z-index: 2; opacity: 0; }
.social a:hover img:first-child { opacity: 1; width: 100%; }

footer aside { display: flex; gap: 1rem; height: auto; position: relative; right: 0; width: auto; }
footer aside a { height: 3.75rem; padding: 0 1.5rem; display: flex; align-items: center; border-radius: 2rem; white-space: nowrap; justify-content: center; }
footer aside a:first-child { color: white; border: solid 2px #fff; background: #000; transition: 300ms linear; }
footer aside a:first-child:hover { color: black; border: solid 2px #fff; background: #fff; }

footer aside a:last-child { color: var(--rijiy); border: solid 2px var(--rijiy); background: #000; transition: 300ms linear; }
footer aside a:last-child:hover { color: white; border: solid 2px var(--rijiy); background: var(--rijiy); }





@keyframes hello_world {
      0% { rotate: -10deg; }
      100% { rotate: 20deg; }
}

@media (max-width: 1399px){
	html { font-size: 19px; }
}

@media (max-width: 1199px){
	html { font-size: 18px; }
}

@media (max-width: 999px){
	html { font-size: 17px; }

	footer section { flex-direction: column; gap: 1rem; }
	footer section article { flex-direction: column; top: auto; }
	footer section aside {  }
	footer section aside a { min-width: 50%; height: 3rem; }

}

@media (max-width: 650px){
	footer section aside { flex-direction: column; gap: 1rem; width: 100%; }
	footer section aside a { width: 100%; }
}

@media (max-width: 499px){
	html { font-size: 16px; }
	
	footer { padding: 1.5rem; }

}