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

body {

    margin:0;
    overflow:hidden;
    height:100vh;


    justify-content:center;
    align-items:center;

    background:radial-gradient(circle at top,#35ffff,#17b7c6 45%,#068ca1 100%);

    font-family:"Silkscreen",sans-serif;

}

.center{

    height: calc(100vh - 50px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.enter {
    margin-top: 30px;

    padding: 12px 35px;

    background: transparent;
    border: 2px solid white;
    border-radius: 20px;

    color: white;
    text-decoration: none;

    font-size: 20px;

    box-shadow:
        0 0 10px white,
        0 0 20px #00ffff;

    transition: 0.3s;
}


.enter:hover {
    background: white;
    color: teal;
}

.title {
    font-size: 140px;
    color: #f7ffff;
    text-shadow:
        0 0 8px white,
        0 0 20px #7fffff,
        0 0 40px #00ffff;
    
    margin: 0;
    font-family: "tiny", monospace;

}



.center {
  margin-top:30px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.menu{
    margin-top:40px;
}

.menu a{

    color:white;
    text-decoration:none;

    font-size:18px;

    padding:12px 24px;

    border:2px solid white;

    background:rgba(255,255,255,.12);

    transition:.2s;

}

.menu a:hover{

    background:white;
    color:#009fb3;

}
.container{
    width:800px;
    margin:60px auto;
}

.navbar {
    text-align: center;
    margin-top: 25px;
}


.navbar a {
    display: inline-block;
    margin: 8px;
    padding: 10px 25px;

    background: linear-gradient(#8be0df, #3fa9a8);
    border: 2px solid #1d6868;
    border-radius: 8px;

    color: white;
    text-decoration: none;

    font-family: "Courier New", monospace;
    font-size: 18px;
    font-weight: bold;

    box-shadow: 3px 3px 0px #1d6868;
}


.navbar a:hover {
    transform: translateY(2px);
    box-shadow: 1px 1px 0px #1d6868;
}

.button {
    display: inline-block;
    background: rgb(99, 202, 202);
    color: white;

    padding: 12px 25px;
    margin: 10px;

    border-radius: 10px;
    border: 2px solid rgb(32, 91, 91);

    text-decoration: none;
    font-weight: bold;
}

.button:hover {
    background: rgb(184, 238, 238);
    color: rgb(32, 91, 91);
}

.tealzies-title {
    font-size: 70px;
    letter-spacing: 8px;
    color: white;
    text-align: center;
    font-family: "Courier New", monospace;

    margin-top: 40px;
    margin-bottom: 30px;

    text-shadow: 3px 3px rgb(32, 91, 91);
}
.post {
    background: white;

    width: 60%;
    margin: 40px auto;
    padding: 30px;

    border-radius: 15px;
    border: 3px solid rgb(99, 202, 202);

    box-shadow: 4px 4px rgb(32, 91, 91);

    text-align: left;
}

.navbar a.latest {
    display: inline-block;
    color: white;
    background-color: white;
}