/* ===========================
      LARA ARCHIVE 
=========================== */

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

body{

    background:#0f0f0f;

    color:#ffffff;

    font-family:'VT323', monospace;

    background-image:
    radial-gradient(#ff1493 1px, transparent 1px);

    background-size:30px 30px;

}

/* Caixa principal */

.container{

    width:1200px;

    margin:30px auto;

}

/* Banner */

.banner{

    background:#151515;

    border:4px solid #ff1493;

    padding:30px;

    text-align:center;

    margin-bottom:20px;

    box-shadow:0 0 25px #ff1493;

}

.banner h1{

    font-size:65px;

    color:#ff4db8;

    letter-spacing:6px;

    text-shadow:

    0 0 8px #ff1493,

    0 0 18px #ff1493,

    0 0 35px hotpink;

}

.banner p{

    margin-top:10px;

    font-size:28px;

    color:white;

}

/* Menu */

nav{

    display:flex;

    justify-content:center;

    gap:25px;

    background:#181818;

    border:3px solid hotpink;

    padding:15px;

    margin-bottom:25px;

}

nav a{

    color:white;

    text-decoration:none;

    font-size:24px;

    transition:.3s;

}

nav a:hover{

    color:#ff1493;

}

/* Layout */

.layout{

    display:grid;

    grid-template-columns:300px 1fr;

    gap:25px;

}

/* Caixinhas */

.box{

    background:#171717;

    border:3px solid #ff1493;

    margin-bottom:20px;

    padding:18px;

    box-shadow:0 0 15px rgba(255,20,147,.5);

}

/* Títulos */

.box h2{

    color:#ff4db8;

    margin-bottom:12px;

    border-bottom:2px solid hotpink;

    padding-bottom:8px;

}

/* Perfil */

.profile{

    width:100%;

    border:3px solid hotpink;

    margin-bottom:15px;

}

/* Texto */

p{

    font-size:22px;

    line-height:1.5;

}

li{

    margin-left:20px;

    font-size:22px;

    margin-top:8px;

}

/* Visitor */

h3{

    color:#00ffff;

    font-size:40px;

    text-align:center;

}

/* Scroll */

::-webkit-scrollbar{

    width:12px;

}

::-webkit-scrollbar-track{

    background:#111;

}

::-webkit-scrollbar-thumb{

    background:#ff1493;

}

/* Seleção */

::selection{

    background:#ff1493;

    color:white;

}