@font-face{font-family:New York;src:url(/Daniel-s-DevHub/assets/NewYork-ChrRJJsy.otf) format("truetype");font-weight:400;font-style:normal}body{background:linear-gradient(90deg,#003088cc -60%,#050020cc),linear-gradient(0deg,#ffc0cbcc -10%,#050020cc);background-blend-mode:screen}p{color:#fff;font-size:16px;font-weight:700;display:flex;justify-content:center}.cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.card{position:relative;border:3px solid rgb(161,161,161);border-radius:10px;width:500px;height:300px;overflow:hidden;font-family:arial;color:#011b9b}.cardDescription{font-size:14px;color:#c9c1c1;font-family:arial}.cardImg{width:100%;height:100%;transition:filter .3s ease}.card:hover .cardImg{filter:blur(5px)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#00000080;color:#fff;opacity:0;transition:opacity .3s ease;z-index:2}.card:hover .overlay{opacity:1}.cardTitle,.cardDescription{margin:0;padding:10px;z-index:3}nav{display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;margin-bottom:15px;border-bottom:1px solid rgb(161,161,161)}nav img{position:relative;left:10px;width:70px;height:70px;margin-left:40px}nav a{display:block;color:#f2f2f2;text-align:center;padding:10px;text-decoration:none;font-size:17px;border:1px solid transparent;border-radius:40%;margin-left:80px;width:90px;font-family:Courier New}nav a:first-child{margin-left:10px}nav a:hover{background-color:#0145aacc;color:#f2f2f2}nav a.active{background-color:#4caf50;color:#fff}header h1{color:#fff;font-family:New York;padding:10px}header p{color:#fff;font-size:20px;font-weight:700;margin-right:50%;font-family:Courier New}#skills,#projects,.contact-title{margin-top:90px;font-family:Courier New}.Contact{display:flex;justify-content:center;gap:50px;margin-bottom:10px;margin-top:10px;color:#fffcfc}.circle-container{position:relative;width:300px;height:300px;margin:0 auto;border:1px solid transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700}.circle{position:absolute;width:65px;height:60px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:12px;text-align:center;border:1px solid rgb(161,161,161);border-radius:40%;font-family:Franklin Gothic Medium}.circle:nth-child(1){transform:translateY(-140px)}.circle:nth-child(2){transform:translate(140px,-70px)}.circle:nth-child(3){transform:translate(140px,10px)}.circle:nth-child(4){transform:translate(120px,90px)}.circle:nth-child(5){transform:translate(1px,110px)}.circle:nth-child(6){transform:translate(-120px,90px)}.circle:nth-child(7){transform:translate(-140px,10px)}.circle:nth-child(8){transform:translate(-140px,-70px)}.circle:nth-child(9){transform:translate(90px,-140px)}.circle:nth-child(10){transform:translate(-90px,-140px)}.circle:nth-child(11){transform:translate(55px,50px)}.circle:nth-child(12){transform:translate(-55px,50px)}.circle:nth-child(13){transform:translate(50px,-70px)}.circle:nth-child(14){transform:translate(-50px,-70px)}.circle:nth-child(15){transform:translateY(-9px)}.circle-soft{font-family:Franklin Gothic Medium;position:absolute;width:85px;height:60px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:12px;text-align:center;border:1px solid rgb(161,161,161);border-radius:40%}.circle-soft:nth-child(1){transform:translateY(-110px)}.circle-soft:nth-child(2){transform:translate(120px,-70px)}.circle-soft:nth-child(3){transform:translate(140px,10px)}.circle-soft:nth-child(4){transform:translate(120px,90px)}.circle-soft:nth-child(5){transform:translate(1px,110px)}.circle-soft:nth-child(6){transform:translate(-110px,100px)}.circle-soft:nth-child(7){transform:translate(-140px,10px)}.circle-soft:nth-child(8){transform:translate(-120px,-70px)}.circle-soft:nth-child(9){transform:translate(0)}.circle-container :hover{background-color:#1f1363;color:#f2f2f2}#copyright{font-family:Courier New}