@import"https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@100;300;400;900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;border:0;box-sizing:border-box}:root{--dot-size: 1px;--dot-space: 10px}body{height:100vh;width:100vw;-webkit-user-select:none;user-select:none;font-family:Raleway;overflow-y:scroll;background:linear-gradient(90deg,#d9dbe0 calc(var(--dot-space) - var(--dot-size)),transparent 1%) center/var(--dot-space) var(--dot-space),linear-gradient(#d9dbe0 calc(var(--dot-space) - var(--dot-size)),transparent 1%) center/var(--dot-space) var(--dot-space),#8f939a}*{scroll-behavior:smooth}body{position:relative}#header{height:50px;display:flex;align-items:center;justify-content:center;position:relative;padding:0 10px;background-color:#968c8280}#header #proj-title{font-size:clamp(10px,4vw,22px);font-family:Raleway;text-align:center}#header #image-container{display:none!important;height:45px;width:45px;border-radius:50%;position:absolute;right:10px;cursor:pointer;background-color:#212a3e;display:flex;align-items:center;justify-content:center}#header #image-container #profile-icon{height:70%;width:70%}#A-title-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#212a3e;padding:9vh 20px 40px;font-family:Londrina Solid;border-radius:5px;margin:10px;box-shadow:#0000003d 0 3px 8px;text-align:center}#A-title-container #logo{height:200px}#A-title-container #A-title{color:#f1f6f9;text-shadow:-2px 4px 10px rgba(0,0,0,.51);font-size:clamp(68px,17vw,188px);line-height:1.1}#A-title-container #A-paragraph{color:#8f939a;font-size:clamp(14px,2vw,18px);max-width:300px}#A-title-container #A-scroll-down{margin-top:min(5vh,50px);font-size:clamp(14px,2vw,18px);font-weight:300;color:#748d92}#B-content-container{font-family:Raleway;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:10vh;padding:0 20px}.B-row{background-color:#212a3e;height:auto;max-width:550px;width:100%;transition:transform .15s ease,background-color .2s ease,color .2s ease;margin-bottom:15px;padding:15px;border-radius:10px;display:flex;flex-direction:column;text-decoration:none;color:#d3d9d4;justify-content:space-between;box-shadow:#32325d40 0 6px 12px -2px,#0000004d 0 3px 7px -3px}.B-row:hover{transform:scale(1.02);cursor:pointer;background-color:#9ba4b5;color:#222}.B-title{font-weight:600;font-size:clamp(18px,3vw,26px)}.B-paragraph{font-size:clamp(14px,2vw,16px);margin-top:5px;height:fit-content}.B-icon{filter:brightness(50%);transition:filter .15s ease,brightness .15s ease}.B-row:hover .B-icon{filter:brightness(0)}#footer{display:flex;background-color:#968c8280;height:50px;justify-content:center;align-items:center;margin-top:50px;gap:5px}#footer #github{height:25px}#footer .footer-link{color:#212a3e;text-decoration:none;font-weight:600}@media (max-width: 768px){#A-title-container{padding-top:100px}#A-title{font-size:clamp(36px,8vw,80px)}#B-content-container{grid-template-columns:1fr;padding:0 15px}}@media (max-width: 480px){#A-title-container{margin:5px;padding:80px 10px 20px}#A-title{font-size:clamp(28px,10vw,60px)}.B-row{padding:10px}}