/*Bienvenue sur le CSS!*/
/*C'est Super Sophistiqué!*/

/*Les fonts du site*/
@font-face {
  font-family: hack; /* set name */
  src: url("/assets/fonts/Hack-Regular.ttf"); /* url of the font */
}

/*Les styles des balises*/
body {
    padding: 64px;
    background-color: #292828;
    font-family: "hack";
    width: 60%;
    margin: auto;
}

h1 {
    font-family: "hack";
    color: #E77134;
}

.terminal-header {
    position: relative;
    display: flex;
    background-color: #1f1f1f;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
h3 {
    color: #fffbfa;
}
}

.terminal-dots {
    display: flex;
    right: 20px;
    position: absolute;
    gap: 10px;
    font-size: 30px;

span:first-child {
    color: #E4A848;
}
span {
    color: #15AC4F;
}
span:last-child {
    color: #DA3F3B;
}
}

.terminal-content {
    background-color: #373535;
    color:#E4A848;
    padding: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.terminal {
    margin-top: 40px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
a {
    color:#DA3F3B;
}
}