/* GLOBAL STYLES */
*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    font-family: 'Public Sans', sans-serif;
    font-size: 10px;
    background: var(--very-light-gray);
}

body {
    width: 100%;
}

p {
    font-size: 1.6rem;
    color: var(--grayish-blue);
    line-height: 1.6;
}

section {
    padding: 5rem 0;
}

.container {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 2.5rem;
    padding-bottom: 3rem;
 
}
/* VARIABLES */
:root { 
    --dark-blue: hsl(19, 80%, 48%);
    --lime-green: hsl(0, 87%, 50%);
    --bright-cyan: hsl(7, 89%, 55%);
    --grayish-blue: hsl(230, 60%, 2%);
    --light-grayish-blue: hsl(220, 16%, 96%);
    --very-light-gray: hsl(0, 13%, 88%);
    --whitegray: hsl(19, 90%, 46%);
    --blue: hsl(241, 98%, 60%);
    --green: hsl(123, 89%, 51%);
    
}

.container-logo img {
    height: 20%;
    position:relative;
    left: 30rem;
    top:3rem;
      
  
}