@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Edu+AU+VIC+WA+NT+Guides:wght@400..700&family=Itim&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Courier New,Courier,monospace}.links{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;z-index:99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:70px;background:#ff007728}div li{list-style-type:none}div li a{text-decoration:none;color:#03fb03;font-weight:bolder;transition:1s ease;font-size:20px;margin:0 10px;background:transparent}@media (max-width: 320px){.links{width:320px}div li a{font-size:15px;margin:0 5px;font-weight:700}}.home{background-color:#000;color:#000}.Intro{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 0 25px 5px #000 inset;background-image:linear-gradient(to bottom,#0000000b 50%,#000),url(https://media1.giphy.com/media/xUA7b4arnbo3THfzi0/giphy.gif);background-size:cover;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply}.Intro h1{font-size:5ch;background:transparent;color:#000}.Intro p{padding:5px 0;background:transparent;width:95%;color:#000;font-weight:700}.forms{position:relative;display:flex;flex-direction:column;align-items:center;background-image:url(https://cdn.dribbble.com/users/6903/screenshots/1956820/media/06022d14e7fa7eaa196c9e6214557800.gif);background-size:cover;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply}.forms h1{font-size:5ch;color:#fff;background:transparent}.form-inputs{border:1px solid rgba(128,128,128,.251);padding:40px 30px 30px;margin:50px 0 20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:20px}.form-inputs:hover{border:1px solid white;box-shadow:0 0 40px 1px #6b6a6a inset}.input{background-color:transparent;width:300px;height:50px;color:#fff;padding-left:15px;margin:5px 0 50px;font-family:Courier New,Courier,monospace}.textarea{height:100px;width:300px;background:transparent;margin-bottom:10px;padding:5px;color:#fff}.button{height:40px;width:200px;background:transparent;border:1px solid white;border-radius:20px;transition:1s ease-in-out;margin:20px 0;cursor:pointer;color:#fff}.button:hover{background:red;border:1px solid red}.my-contacts{text-align:center;padding-bottom:20px}.my-contacts h1{color:#fff;font-size:5ch;padding:15px 0}.my-contacts ul{list-style-type:none;color:#fff}.my-contacts ul li{margin:5px 0;transition:color .3s ease}@media (max-width: 320px){.Intro{align-items:flex-start;padding:0 10px}.input,.textarea{width:200px}.my-contacts ul li{font-size:10px}.forms h1,.Intro h1,.my-contacts h1{font-size:3ch}}.about-main{background-color:#000;color:#000}.about{width:100%;height:100vh;background-image:linear-gradient(to bottom,#0000000b 50%,#000),url(https://img.freepik.com/premium-photo/summer-grass-silhouette-light_1009862-5540.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply;display:flex;justify-content:center;align-items:center}.about-me{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid orangered;padding:20px 40px;border-radius:5px;width:95%}.about-me:before{content:"";position:absolute;top:0;left:0;background:red;translate:-50% -50%;border-radius:50%;animation:move 10s infinite,sizes 10s steps(4,end) infinite}.about-me h2{font-size:5ch;margin-bottom:10px}@media (max-width: 320px){.about-me h2{font-size:3ch}.about-me p{font-size:14px}}.exp-main{background:#000;color:#000}.exp{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(to bottom,#fee10300 50%,#000000fa),url(https://a-static.besthdwallpaper.com/nature-daisy-flowers-wallpaper-2048x1152-11104_49.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply;overflow-y:scroll}.exp-my{position:relative;border:1px solid yellow;padding:20px 40px;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:95%}.exp-my:before{content:"";position:absolute;top:0;left:0;background:#ff0;translate:-50% -50%;border-radius:50%;animation:move 10s infinite,sizes 10s steps(4,end) infinite}@keyframes sizes{0%,50%,to{height:5px;width:15px}25%,75%{height:15px;width:5px}}@keyframes move{0%{top:0;left:0}25%{top:0;left:100%}50%{top:100%;left:100%}75%{top:100%;left:0}to{top:0;left:0}}.exp-my h2{font-size:5ch;margin-bottom:10px}@media (max-width: 320px){.exp-my{margin-top:70px;margin-bottom:25px}.exp-my h2{font-size:3ch}.exp-my ul{font-size:14px}}.container{background:#000;width:100%;display:flex;color:#fff;flex-direction:column;padding-top:70px;justify-content:center;align-items:center}.titles{font-size:5ch;margin:10px}.cards{height:auto;border-radius:5px;display:flex;justify-content:center;flex-wrap:wrap}.cards .card{height:50px;width:max-content;border:1px solid white;margin:5px;border-radius:5px;display:flex;justify-content:center;align-items:center;padding:10px;cursor:pointer}.cards .card:hover{color:#0ff;border:1px solid aqua;box-shadow:0 0 0 2px #0ff}.modal{color:#fff;border:1px solid aqua;border-radius:10px;height:500px;width:400px;transform:translate(-50%,-50%);background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;top:50%;left:50%;transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center;padding:10px 20px;opacity:1;z-index:99;box-shadow:0 0 10px 1px #0ff}.modal .modal-inner,p,h1{background:transparent}.modal button{color:#fff;padding:10px;border:1px solid aqua;margin:10px 0;cursor:pointer;height:50px;width:max-content;border-radius:5px;background:transparent;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.modal button:hover{color:#0ff;border:1px solid aqua;box-shadow:0 0 0 2px #0ff}@media (max-width: 320px){.titles{font-size:3ch}.container{width:100%;display:flex;justify-content:center;align-items:center}.modal{width:270px;height:300px}.cards .card{height:40px;padding:5px;font-size:13px}h1{font-size:3ch}p{font-size:13px}}