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