@import"https://fonts.googleapis.com/css?family=Amatic+SC";@font-face{font-family:brittany;src:url(../fonts/BrittanySignature.ttf)}body{margin:0;overflow:hidden}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:6px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0}.overlay{opacity:1;background-color:#000;position:fixed;width:100%;height:100%;top:0;left:0;pointer-events:none;transition:opacity 1s}.overlay.fade{opacity:0}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:transparent;font-size:2rem;font-family:Amatic SC;opacity:1;transition:opacity 1s}.loading.fade{opacity:0}.start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:none;color:#fff;background-color:transparent;font-size:4rem;font-family:Amatic SC;opacity:0;transition:opacity .5s;display:none}.start.fadeIn{opacity:1}.start.fadeOut{opacity:0}@media (hover: hover) and (pointer: fine){.start:hover{color:#9effe7}}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#0000;overflow:auto;opacity:0;transition:opacity .6s ease}.modal.fadeIn{opacity:1;display:block}.modal.fadeOut{opacity:0}.modal-wrapper{position:relative;width:50%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.modal-content{background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:20px;box-shadow:0 0 20px #0003;font-family:Poppins,sans-serif;margin:0 auto;color:#fff}#modalImage{position:absolute;top:0;width:215px;right:0}#modelImage:not([src]){display:none}.close{display:inline-block;width:120px;height:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:20px;font-weight:700;transition:.6s all;cursor:pointer;text-transform:uppercase;font-family:Poppins,sans-serif;margin-top:20px}.close:hover,.close:focus{background-color:#ffffff4d}.modal h1,.modal p{margin:0 0 15px}.modal h1{font-size:30px;font-weight:500}.modal p{font-weight:300}.projects{display:flex;justify-content:space-around;flex-wrap:wrap;height:50vh;overflow:auto}.project{background-color:#a9a9a9;width:40%;margin:20px;padding:20px;height:300px;border-radius:20px;display:flex;flex-wrap:wrap;justify-content:center}.learnMoreButton{border-radius:5px;border:1px solid #797979c7;background-color:#0000001a;margin-left:auto;height:50px;width:120px;-webkit-backdrop-filter:invert(1);backdrop-filter:invert(1);color:#fff}