.welcome{padding:16.5%}.welcome h1{text-align:center;color:#fff;font-size:135px;font-weight:700;line-height:90%;animation-name:float;animation-duration:3s;animation-iteration-count:infinite}.portfolio{-webkit-text-decoration:underline plum;text-decoration:underline plum;animation:3s infinite underlineColorChange}.stars-background{pointer-events:none;z-index:0;position:absolute;inset:0}.star{opacity:.3;background:#fff;border-radius:50%;animation-name:blink;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.shooting-star{opacity:.9;background:linear-gradient(90deg,#fff,#0000);width:150px;height:2px;animation-fill-mode:forwards;position:absolute;left:-10%}.multicolor{opacity:1;background:linear-gradient(90deg,#a37fff,#d369ff,#ff5eb4,#ffa1ba,#ffcba4,#d3fcba,#7cdbda,#3fc3ff,#a37fff) 0 0/200% 200%;animation:2s ease-in-out forwards shoot,3s infinite rainbow}.moon-glow{z-index:10;background:radial-gradient(circle,#f0f0f0,silver);border-radius:50%;width:100px;height:100px;animation:4s ease-in-out infinite glowPulse;position:absolute;top:50px;right:50px;overflow:visible;box-shadow:0 0 15px 5px #fff9,inset -10px -10px 15px #64646480,inset 10px 10px 20px #9696964d}.moon-glow:before{content:"";background:radial-gradient(circle at 30% 30%,#999,#0000 70%);border-radius:50%;width:15px;height:15px;position:absolute;top:20%;left:15%;box-shadow:25px 10px 10px 2px #78787880,40px 25px 8px 1px #6e6e6e99,60px 50px 12px 3px #5a5a5a66,30px 45px 6px 1px #64646480}.moon-glow:after{content:"";background:radial-gradient(circle at 40% 40%,#bbb,#0000 80%);border-radius:50%;width:10px;height:10px;position:absolute;top:60%;left:50%;box-shadow:-15px -10px 5px 1px #8c8c8c99,-25px -20px 8px 2px #82828280}#about{filter:opacity(0);padding-bottom:5%;padding-left:12.5%;padding-right:12.5%;animation-name:zoom;animation-duration:3s;animation-delay:.5s;animation-fill-mode:forwards}.about h1{color:#4e4e4e;margin-bottom:10px;font-size:52px;font-weight:700;-webkit-text-decoration:underline #7686ff;text-decoration:underline #7686ff;animation:3s infinite colorShift}.about h4{color:#fff;font-size:32px}#about img{float:left;border-radius:15px;width:20%;margin-top:2%;margin-right:2%}#wrapper{filter:opacity(0);padding:5% 12.5%;animation-name:zoom;animation-duration:3s;animation-delay:1s;animation-fill-mode:forwards}#wrapper h1{color:#fff;margin-bottom:10px;font-size:52px;font-weight:700;-webkit-text-decoration:underline #7686ff;text-decoration:underline #7686ff}.wrapper{grid-template-columns:repeat(3,1fr);gap:20px;height:auto;padding-top:3%;display:grid}.wrapper h3{color:#fff;text-shadow:9px 9px 10px #000;margin-top:5%;font-size:20px}.wrapper h4{color:#fff;text-shadow:9px 9px 10px #000;margin:1% 0%;font-size:15px}.card_wrapper{background-position:50%;background-size:cover;border-radius:6px;width:475px;height:250px;transition:all 1s;display:flex;box-shadow:0 8px 17px #00000017}.card_summary{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background-image:linear-gradient(#00000048,#0000);flex:1;padding:0 4%}.card_wrapper:hover{text-decoration:none;transition:all 1s;transform:scale(1.008);box-shadow:5px 10px 10px #1a1a1a}.project_modal{z-index:999;justify-content:center;align-items:center;animation:.3s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.modal_grid{color:#fff;background-color:#111;border-radius:15px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:90vw;height:90vh;padding:20px;display:grid;overflow:auto}.modal_grid>div{background:#222;border-radius:15px;margin:5px;padding:20px;overflow-y:auto}.top_left img{object-fit:fill;border-radius:8px;width:100%;height:100%;display:block}.top_right h1{font-size:60px;font-weight:700}.bottom_left p{margin-bottom:2.5%;font-size:20px}.bottom_left strong{font-weight:700}.bottom_left em{font-size:16px;font-style:italic}.bottom_right{flex-direction:column;gap:.5rem;display:flex}.project_download{color:#fff;background-color:#1a1a1a;border-radius:8px;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:background-color .2s}.project_download:hover{background-color:#000}.project_btn{color:#fff;background-color:#1a1a1a;border-radius:8px;margin:.5rem 0;padding:.75rem 1.25rem;font-weight:500;text-decoration:none;transition:background-color .2s}.project_btn:hover{background-color:#000}#dev{filter:opacity(0);padding:5% 12.5%;animation-name:zoom;animation-duration:3s;animation-delay:2s;animation-fill-mode:forwards}.dev h1{color:#fff;margin-bottom:10px;font-size:52px;font-weight:700;-webkit-text-decoration:underline #7686ff;text-decoration:underline #7686ff}.dev h4{color:#fff;font-size:32px}@media (max-width:450px){.welcome{padding-top:60%;padding-bottom:60%}.welcome h1{font-size:40px}.project_modal{background-color:#000c}.modal_grid{display:initial;width:75%;height:75%}.top_right h1{font-size:32px}#about{padding:20% 10% 10%}#about img{width:40%;margin-top:5%;margin-bottom:5%;margin-right:5%}.about h1{font-size:32px}.about h4{font-size:17px}#wrapper{padding:20% 10% 10%}#wrapper h1{font-size:32px}.wrapper{display:inline}.card_wrapper{width:350px;height:200px;margin-top:5%}#dev{padding:20% 10% 10%}.dev h1{font-size:32px}.dev h4{font-size:17px}}