@import url('https://fonts.googleapis.com/css?family=Public+Sans&display=swap');

body{
    font-family: 'Public Sans';
}

.bg-top-section{
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%221271%22%20height%3D%221034%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22c%22%20x1%3D%220%25%22%20x2%3D%2299.58%25%22%20y1%3D%2236.147%25%22%20y2%3D%2263.736%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2333D35E%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232AB6D9%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22a%22%20width%3D%22104.9%25%22%20height%3D%22135.9%25%22%20x%3D%22-4.8%25%22%20y%3D%22-17.6%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%2238.5%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.0240111451%200%22%2F%3E%3C%2Ffilter%3E%3Cpath%20id%3D%22b%22%20d%3D%22M69.445%20572.84L203.73%20707.112a100%20100%200%200070.708%2029.286h70.693a100%20100%200%200170.708%2029.287l161.04%20161.027A100%20100%200%2000647.584%20956h388.853c44.964%200%2081.415-36.45%2081.415-81.414a81.414%2081.414%200%2000-23.848-57.57l-86.392-86.386c-12.033-12.032-12.034-31.54-.002-43.574a30.812%2030.812%200%200121.788-9.025c17.017%200%2030.812-13.795%2030.812-30.812%200-8.172-3.246-16.01-9.025-21.788L855.85%20430.11a100%20100%200%2000-70.708-29.287H550.7a100%20100%200%2001-70.708-29.287l-35.253-35.25A100%20100%200%2000374.032%20307H138.88c-31.769%200-57.523%2025.754-57.523%2057.523a57.523%2057.523%200%200016.85%2040.676l28.761%2028.76c15.886%2015.884%2015.887%2041.64.003%2057.525a40.676%2040.676%200%2001-28.764%2011.915c-22.465%200-40.677%2018.211-40.677%2040.676a40.676%2040.676%200%200011.915%2028.764z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate(15)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23a)%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%232D314D%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cpath%20fill%3D%22url(%23c)%22%20d%3D%22M207.445%20265.84L341.73%20400.112a100%20100%200%200070.708%2029.286h70.693a100%20100%200%200170.708%2029.287l161.04%20161.027A100%20100%200%2000785.584%20649h388.853c44.964%200%2081.415-36.45%2081.415-81.414a81.414%2081.414%200%2000-23.848-57.57l-86.392-86.386c-12.033-12.032-12.034-31.54-.002-43.574a30.812%2030.812%200%200121.788-9.025c17.017%200%2030.812-13.795%2030.812-30.812%200-8.172-3.246-16.01-9.025-21.788L993.85%20123.11a100%20100%200%2000-70.708-29.287H688.7a100%20100%200%2001-70.708-29.287l-35.253-35.25A100%20100%200%2000512.032%200H276.88c-31.769%200-57.523%2025.754-57.523%2057.523a57.523%2057.523%200%200016.85%2040.676l28.761%2028.76c15.886%2015.884%2015.887%2041.64.003%2057.525a40.676%2040.676%200%2001-28.764%2011.915c-22.465%200-40.677%2018.211-40.677%2040.676a40.676%2040.676%200%200011.915%2028.764z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: auto;
    background-position: top -270px left 70px;
    background-repeat: no-repeat;
}

.nav-item:hover{
    background: linear-gradient(to right,hsl(136, 65%, 51%), hsl(192, 70%, 51%)) left bottom no-repeat;
    background-size: 100% 4px;

}

.main-btn{
    background: linear-gradient(to right,hsl(136, 65%, 51%), hsl(192, 70%, 51%));
}

.main-btn:hover{
    background: linear-gradient(to right,hsl(136, 65%, 71%), hsl(192, 70%, 71%));
}

.mockup-img{
    margin-right: -10vw;
    margin-top: 30px;
}

.pointer:hover{
    cursor: pointer;
}

footer{
    background: hsl(233, 26%, 24%);
}


.icon:hover{
    fill:lightseagreen;
}

::selection{
    background-color: rgb(94, 245, 152);
}
::-moz-selection{
    background-color: #2D314D;
}