css-template.css

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

html {
    font-size: 62.5%;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.7;
    box-sizing: border-box;
}

/*
----------------- For Reference---------------------
- Clip Path
clip-path: polygon(0 0, 100% 0, 100% 75vh, 0 100%);

- To Center in Hero
.text-box {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

- Move in from right animation
@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(10rem);
    }
    80% {
        transform: translateX(-1rem);
    }
    100%{
        opacity: 1;
        transform: translate(0);
    }
}

.heading {
    animation: moveInRight 1s ease-out;
}
*/