* {margin: 0; padding: 0; font-family: Bahnschrift; font-size: 40px;}
    @font-face {
    font-family: 'Cutout City Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cutout City Regular'), url('Cutout City.woff') format('woff');
    }
h4 {font-size: 100px; font-family: 'Cutout City Regular', sans-serif; margin-bottom: -20px;}
body {background-color: #FEFEF4;}
h1 {font-size: 40px; font-family: 'Cutout City Regular', sans-serif; color: #339AD6; letter-spacing: 3px; margin-bottom: 2px;}
h2 {font-size: 40px; font-family: 'Cutout City Regular', sans-serif; color: #FEF5E8; letter-spacing: 3px; margin-bottom: 2px;}
.tittle {width: 100%; height: 710px;  background-color: #339AD6; margin: 0 auto; min-width: 1200px;}

.presentationtittle {width: 100%; height: 100%;}
.definesentence {width:86%; height:310px; min-width: 1200px; margin: 0 auto; text-align: center; padding-top: 490px;}
@keyframes animation1 {from{transform: translateY(-650px);} to{transform: translateY(0);}}
.animation1 {animation: animation1 2s ease-in-out; color: #FEF5E8; padding-right: 470px;}

.sectionexplanation {width: 100%; height:650px; margin: 0 auto; margin-top: 80px; float: left; min-width: 1200px;}
.fifty {width:50%; height:100%; float: left;}
.eightytwo1 {width:82%; height: 100%; padding-left: 14%;}
.eightytwo2 {width:82%; height: 100%; padding-left: 4%;}
.notas {font-size: 20px; float: right;}

.sectionexplanation2 {width: 100%; height:1440px; margin: 0 auto; margin-top: 80px; float: left; min-width: 1200px; background-color: #339AD6;  padding-bottom: 80px; padding-top: 80px;}
.eightysix2 {width: 86%; height:950px; min-width: 1200px; margin: 0 auto;}
.eightytwo3 {width:82%; height: 500px; padding-left: 14%;}
.eightytwo4 {width:82%; height: 500px; padding-left: 4%;}
.filler {width: 100%; height: 80px;}
.notas1 {color: #FEF5E8; padding-top: 300px;}

.sectionexplanation1 {width: 100%; height:80px; margin: 0 auto; margin-top: 80px; float: left; min-width: 1200px;}
.sectionexplanation5 {width: 100%; height:260px; margin: 0 auto; margin-top: 50px; float: left; min-width: 1200px;}
.eightysix1 {width: 86%; height:100%; min-width: 1200px; margin: 0 auto; display: flex; overflow-x: auto; overflow: hidden;}
.eightysix {width: 86%; height:100%; min-width: 1200px; margin: 0 auto;}
.mainvisual {width: 100%; height: 100%; object-fit: cover;}
.group {display: flex; height: 100%; align-items: center; justify-content: center; animation: spin 15s infinite linear; width: 100%; min-width: 100%;}
.bo {text-align: center; align-content: center; width:25%; height: 100%;}
@keyframes spin {from {translate: 0;} to {translate: -100%;}}
.mainvisual1 {width: 100%; height: 100%; object-fit: scale-down;}
.bo1 {text-align: center; align-content: center; width:25%; height: 100%; background-color: #2a75a0; margin-left: 2%;}
.sectionexplanation6 {width: 100%; height:550px; margin: 0 auto; margin-top: 80px; float: left; min-width: 1200px;}
.notas2 {padding-top: 300px;}

.sectionexplanation3 {width: 100%; height:620px; margin: 0 auto; margin-top: 80px; float: left; min-width: 1200px; background-color: #339AD6;  padding-bottom: 80px; padding-top: 80px;}
.sectionexplanation4 {width: 100%; height:615px; margin: 0 auto; margin-top: 80px; float: left; min-width: 1200px; margin-bottom: 80px;}

.backbutton {width: 100%; height:142px; float: left; background-color: #339AD6; min-width: 1200px;}
.back {width: 40%; height:100%; min-width: 440px; border: none; cursor: pointer; float: right; font-size: 50px; background-color: transparent; color:#FEF5E8; padding-left: 60px;}
.back:hover {color:#2a75a0;}
.back:active {color:#125981;}