.container{margin-inline:auto;width:min(100% - 30px,1080px)}.flex{display:flex}.justify-between{justify-content:space-between}.grid-center{display:grid;place-items:center}.align{align-items:center;justify-content:center;text-align:center}.gap{gap:20px}.wrap{flex-wrap:wrap}.left{text-align:left}.right{text-align:right}html{scroll-behavior:smooth}body{color:#fff;font-family:Open Sans,Arial,sans-serif}section{margin-top:150px}h2{font-size:50px;margin-bottom:30px}p{font-size:30px}span{color:#e30022}header{background-color:#33333380;border:1px solid #ca001e1a;border-radius:50px;height:56px;line-height:56px;margin-top:10px;padding:0 25px;h1{font-size:20px;font-weight:400;text-transform:uppercase}p{font-size:17px;font-weight:600}}nav a{color:#fff;font-size:17px;font-weight:500;margin-left:10px;text-decoration:none}.hero-banner{background:#333 url(/Portfolio/static/media/herobanner-temp.c426fc0319565f9b13d8.jpg) 50%/cover no-repeat;height:100dvh;overflow:hidden}.overlay{background:linear-gradient(0deg,#171820,#17182000);bottom:0;height:50%;pointer-events:none;position:absolute;width:100%}.hero-content{height:100dvh;&>div{text-wrap:balance;color:#fff;text-align:center;h2{font-size:100px;font-weight:900;line-height:1;margin:0}p{font-size:30px;font-weight:500}}}.arrow{animation:bounce 1.5s ease-in-out infinite;bottom:25px;color:#e30022;font-size:30px;position:absolute}@keyframes bounce{0%,40%,80%,to{transform:translateY(0)}20%{transform:translateY(12px)}60%{transform:translateY(12px)}}.about-column{border-radius:10px;height:450px;width:100%}.about-content{width:calc(60% - 10px);p{font-size:20px}p+p{margin-top:20px}a{text-decoration:none;:hover{text-decoration:underline}}}.about-pic{background:#333 url(/Portfolio/static/media/handsome.47c1b6d853eaad5176f6.jpg) 50%/cover no-repeat;border-radius:10px;padding:50px;width:calc(40% - 10px)}.column{background-color:#30303099;background:linear-gradient(0deg,#30303050,#40404070);border-radius:10px;box-shadow:inset 0 1px 0 0 #ffffff0a,0 2px 4px #0000001a;height:250px;p{font-weight:600}}.logo{height:150px;margin-bottom:30px;width:150px}.html{background:url(/Portfolio/static/media/html.ff3cf75e3b7cbb4ea77c.png) 50%/cover no-repeat}.css{background:url(/Portfolio/static/media/css.463e319bad8e0edf1ef7.png) 50%/cover no-repeat}.javascript{background:url(/Portfolio/static/media/js.3dfb665e058d08c99f28.png) 50%/cover no-repeat}.react{background:url(/Portfolio/static/media/react.cbf838998099fa38b4c7.png) 50%/cover no-repeat}.csharp{background:url(/Portfolio/static/media/c-sharp.4a32f53d425c7ad4cb05.png) 50%/cover no-repeat}.java{background:url(/Portfolio/static/media/java.ddf8676bd569fe01ab44.png) 50%/cover no-repeat}.row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.form-container{margin-inline:auto;margin-bottom:25px;width:min(100% - 40px,480px);form{display:block;text-align:left;width:100%;input,textarea{background-color:#ffffff14;border-radius:6px;color:#fff;margin:20px 0;padding:10px 15px;width:100%}textarea{height:200px;resize:none}label{font-size:20px}button{background-color:#e30022;border-radius:25px;color:#fff;height:50px;width:100%}}}.contact-icons a{border:1px solid #fd0026;border-radius:10px;color:#fd0026;font-size:40px;gap:15px;height:75px;line-height:75px;margin:20px;text-decoration:none;transition:transform .2s;width:75px}.contact-icons a:hover{transform:scale(1.2)}.footer-overlay{background:linear-gradient(0deg,#16232b,#171820);height:100px;width:100%}.footer-content{background-color:#16232b;height:100px;line-height:100px;text-align:center;p{bottom:0;color:#888;font-size:20px}}
/*# sourceMappingURL=main.e8deac80.css.map*/