@import url('https://fonts.googleapis.com/css2?family=Macondo&family=Tapestry&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tapestry&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sansita+Swashed:wght@300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unkempt:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Twinkle+Star&display=swap');

body {
    background-color:#fafbfb;
    font-family:serif;
    font-size: 15px; 
    line-height:20px;
    padding: 10px;
    margin: 10px;
}

h1 {
    color:white;
    font-family: "Tapestry", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    padding: 10px;
    margin: 10px;
}

h2 {
    color:white;
    font-family: "Macondo", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    padding: 10px;
    margin: 10px;
}

h3 {
    color:white;
    font-family: "Sansita Swashed", system-ui;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 15px;
    padding: 10px;
    margin: 10px;
}
.intro {
    color:white;
    padding: 10px;
    margin: 10px;
}

.acheivements {
    color:white;
    padding: 10px;
    margin: 10px;
}

ul {
    color:white;
    font-family: "Oooh Baby", cursive;
    font-weight: 400;
    font-style: normal;
    padding: 10px;
    margin: 10px;
}

a {
    color:white;
    font-family: "Twinkle Star", cursive;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    padding: 10px;
    margin: 10px;
}
    
a:hover{
    color:white;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

.container {
   background-color:red;
    width: 1200px;
    padding: 10px;
    margin: 10px auto;
    display: flex;
    justify-content: center;
}

.item1 {
    background-color:#74a6d5;
    font-family: "Syne Mono", monospace;
    font-weight: 400;
    font-style: normal;
    width: 450px;
    padding: 10px;
    margin: 10px;
}

.item2 {
    background-color:#3283d0;
    font-family: "Unkempt", cursive;
    font-weight: 400;
    font-style: normal;
    width: 450px;
    padding: 10px;
    margin: 10px; 
}