@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Courgette&family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
*{margin:0;padding:0;box-sizing:border-box;font-family: "Lora", serif;}
:root{
    --secondary:rebeccapurple;
}
body::-webkit-scrollbar{width:8px;}body::-webkit-scrollbar-thumb{background-color:rgb(33 37 41);border-radius:5px;}input.form-control.form-control-lg {border-radius: 3px;font-size: 15px;font-style: italic;}textarea.form-control.form-control-lg {border-radius: 3px;font-size: 15px;font-style: italic;}textarea.form-control.form-control-lg:focus {box-shadow: 0px 0px 0px 0px #00000000;border: 1px solid var(--secondary);}input.form-control.form-control-lg:focus {box-shadow: 0px 0px 0px 0px #00000000;border: 1px solid var(--secondary);}.hero{position:relative;background:url('../img/hero-bg.jpg') center center/cover no-repeat;height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.hero::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.hero-content{position:relative;z-index:2}.hero h1{font-size:4rem;font-weight:900;}.contact-section{text-align:center;background:#f8f9fa}.contact-section h2{font-size:2.5rem;font-weight:600;color:#444}header#header {padding: 10px;background: rgb(33 37 41);position: sticky;top: -100%;transition: all .3s cubic-bezier(0.07, 0.83, 0.17, 0.8);}header.showHeader {top: 0 !important;z-index: 9999;}section {padding:100px 0;}a.navbar-brand.fw-bold {font-size: 35px;}a.navbar-brand.fw-bold {max-height: 50px;}header ul.navbar-nav + div {display: flex;gap: 15px;margin-left: 20px;list-style: none;}header ul.navbar-nav + div a {background: #292929;border-radius: 50%;height: fit-content;width: fit-content;padding: 1px 5px;color: #bfbfbf;transition: all .2s ease;font-size: 18px;}header ul.navbar-nav + div a:hover {background: #655d5d; color:white;}

@media (max-width:575px){h1.hero-title {font-size: 2.5rem;text-shadow: 1px -1px 5px #000000; line-height:1.2;}header ul.navbar-nav + div {margin: 0;}section.hero.d-flex {height: 500px;}}
@media (min-width: 150px) and (max-width: 350px) {h1.hero-title {font-size: 1.5rem;}.contact-section h2 {font-size: 1.5rem;}}