* {margin: 0; padding: 0; border: 0; box-sizing: border-box;}

body {font-family: Arial, Helvetica, sans-serif;}
.navigation {display: flex; width: 100%;  align-items: center; font-weight:bolder; font-size:x-large;}
.navigation div {margin: 0px; flex-grow: 1;  height: 10svh; border: .5px solid lightgray; align-items: center; justify-content:space-evenly; display: flex;}
.navigation div ul {font-weight: normal; font-size: large;}
.logo img {max-height: 8svh; padding-left: 50px; align-items: center;}
.button {background-color: rgb(139, 31, 228); padding: 12px 20px; border-radius: 50px; margin-right: 100px; color:antiquewhite;}
.world {padding-right: 50px;}

.firstline {display: flex;}
.firstline div {height: 500px; width: 50%;display: flex; justify-content: center; flex-direction: column;}
.text1 {font-size: 14ex; align-items: flex-start;}
.button1 {background-color: rgb(139, 31, 228); border-radius: 50px; color:antiquewhite; width: 35%; font-size: xx-large; text-align: center; padding:10px;}
.pic1 {padding: 150px;}


.secondline {display: flex;}
.secondline div {height: 500px; width: 50%;display: flex; justify-content: center; flex-direction: column; padding:100px;}
.pic2 {padding: 150px;}
.secondline h2 {font-size: 6ex;padding: 5px 100px;}
.secondline p {font-size: large; padding: 10px 100px;}