* {margin: 0; padding: 0; font-family: Bahnschrift, sans-serif; font-size: 40px;}
body {background-color: #FEFEF4;}
    @font-face {
    font-family: 'Advantage Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Advantage Regular'), url('Advantage.woff') format('woff');
    }

h4 {font-size: 90px; font-family: 'Advantage Regular', sans-serif; letter-spacing: 2px;}
.tittle {width: 100%; height: 710px;  background-color: #000000; margin: 0 auto; min-width: 1200px;}

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

.section1 {width: 100%; height:600px; margin: 0 auto; padding-top: 80px; padding-bottom: 80px; float: left; min-width: 1200px;}
.pen {width: 50%; height: 100%; float: left;}
.draw1 {width:82%; height: 100%; object-fit: cover; padding-left: 14%;}
.textpen {width: 50%; height: 100%; float: left;}
.penpen {width:fit-content; height: fit-content; padding-left: 4%; padding-top: 540px;}

.section2 {width: 100%; height:600px; margin: 0 auto; float: left; min-width: 1200px; background-color: #000000; padding-top: 200px; padding-bottom: 200px;}
.color {width: 50%; height: 100%; float: left;}
.draw2 {width:82%; height: 100%; object-fit: cover; padding-left: 4%;}
.textcolor {width: 50%; height: 100%; float: left; color: #FEFEF4;}
.colorcolor {width:fit-content; height: fit-content; padding-left: 13%; padding-top: 540px;}

.section3 {width: 100%; height:600px; margin: 0 auto; padding-top: 80px; float: left; min-width: 1200px; padding-bottom: 100px;}
.ink {width: 50%; height: 100%; float: left;}
.draw3 {width:82%; height: 100%; object-fit: cover; padding-left: 14%;}
.textink {width: 50%; height: 100%; float: left;}
.inkink {width:fit-content; height: fit-content; padding-left: 4%; padding-top: 540px;}

.backbutton {width: 100%; height:142px; float: left; background-color: #000000; min-width: 1200px;}
.back {width: 40%; height:100%; min-width: 440px; border: none; cursor: pointer; float: right; font-size: 50px; background-color: transparent; color:#FEFEF4; padding-left: 60px;}
.back:hover {color:#6E99BC;}
.back:active {color:#2D4D76;}