@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

*{  
    /* Colors */
    --white: #f6f6f6;
    --blue-1: #caf0f8;
    --blue-2: #90e0ef;

	--blue-3: #32c0dd;
    --blue-3-old: #00b4d8;
    --blue-4: #0077b6;
    --blue-bg: #005888;
    --dark: #000125;


    --background: #f4f4f4;


    /* Style */
    font-family: 'Varela Round', sans-serif;
}



html, body{
    margin: 0;
    padding: 0 0 25px 0;
    color: var(--dark);
    background: var(--background);
    background-color: var(--background);


    scroll-behavior: smooth;
}



.home{
    position: fixed;
    top: 15px;
    left: 15px;
    height: 50px;
    width: 50px;

	transition: 0.25s;
    z-index: 100;
}

.home img{
    width: 100%;
    height: auto;
}

.home:hover{

	transform: scale(1.05);
}

@media screen and (max-width: 576px){
    .home{
        top: 5px;
        left: 5px;
        height: 45px;
        width: 45px;
    }
}