css test

:root

{

  --black : #151414aa;

  --white: #ffffff;

  --whiteGrayer : #ebebeb;

  --grey : #D9D9D9;

  --blue : #002550;

  --blueLighter : #4d64b8;

  --yellow : #ffbe55;

  --yellowDarker : #daa654;

  --good : #00ff04;

  --bad : #dc2323;

  --BigTitle : 32px;

  --title : 25px;

  --font : 20px;

}

body{

    font-family: 'Montserrat', sans-serif;

}

h1{

    font-family: 'Space Grotesk', sans-serif; 

    font-weight: bold;

}

.clickable{

    background-color: var(--yellow);

    color: var(--black);

    transition: opacity 0.4s ease-out;

}

.clickable:hover{

    cursor: pointer;

    background-color: var(--yellowDarker);

    color: var(--white)

}

 No newline at end of file