@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto}html,body,#root{height:100%;display:flex;flex-direction:column;background-color:#000;background-image:url(/assets/Test-Portfolio-BackGround-d0b0346e.svg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.projectBox{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:25px;align-items:center;margin-right:0;margin-left:0;padding:0;justify-content:center}.Name{display:flex;flex-direction:row;align-items:center;color:#a9bcd0;font-size:20px}.gif{border-radius:25%;margin-top:50px;margin-bottom:1%;height:100px;width:100px}footer{border-radius:2px;margin-top:auto;width:100%;text-align:center;background-color:#373f51}.imageLink{margin-top:20px;margin-left:20px;height:50px;width:50px;bottom:0}.imageLink:hover{opacity:25%}.cardFrame{display:flex;flex-direction:column;justify-content:space-between;background-color:#afb3c9;border-radius:22px;box-shadow:1px 4px 4px #231f2066;height:300px;width:300px;margin:20px;text-decoration:none;color:#000;opacity:0;animation-duration:1s;animation-name:pageAppear;animation-fill-mode:both;pointer-events:auto}@keyframes pageAppear{0%{translate:200 0;scale:5% 1}to{opacity:1;translate:0 0;scale:100% 1}}.cardFrame:hover{transform:scale(1.05)}.cardFrameTextBox{text-decoration:none;display:flex;flex-direction:column;align-items:center;background:rgba(255,255,255,1);height:80px;padding:10px;opacity:.38;border-radius:0 0 22px 22px;text-wrap:pretty;text-align:center}#portfolio-image{padding-top:20px;align-self:center;height:180px;width:180px;margin-top:10px}#cardMobileTextHeader{font-size:larger;font-weight:500;color:#000;margin-top:0;opacity:1}#cardMobileDescription{font-size:12px;margin-top:10px;padding-left:5px}.forAnimation{opacity:0;animation-duration:1s;animation-name:pageAppear;animation-fill-mode:both;pointer-events:auto}._style_92cc0_1{text-decoration:none;font-size:50px;color:#000}._pstyle_92cc0_7{display:flex;flex-direction:column;align-items:center;margin-top:20px;border-radius:10px;background-color:#fffc;width:fit-content;padding:10px}._pstyle_92cc0_7:hover{background-color:#379849cc}._pstyle_92cc0_7:hover ._style_92cc0_1{color:#fff}.bio-page-container{display:flex;flex-direction:column;justify-content:space-around;overflow-wrap:break-word;width:100vw;height:auto;padding:30px;color:#afb3c9}.bio-page-container h1{font-family:Boldonse;font-weight:400;font-style:normal;font-size:50px}.bio-page-container h3{font-weight:200;font-style:normal}#bioHeader{text-align:center;opacity:0;animation-duration:1s;animation-name:headerAppear;animation-fill-mode:forwards}.bio-list{display:flex;flex-direction:column;height:fit-content;justify-content:space-around;background-color:#afb3c9;padding:20px;border-radius:10px;opacity:0;animation-delay:1s;animation-duration:1s;animation-name:slide-in;animation-fill-mode:forwards}.bio-list>:nth-child(1),.bio-list>:nth-child(2),.bio-list>:nth-child(3){height:100%;margin:30px;color:#373f51;display:flex;flex-direction:column;justify-content:space-evenly;text-align:center;font-size:2em;overflow-wrap:break-word}h1{animation-duration:1s}@keyframes headerAppear{0%{translate:200 0;scale:5% 1}to{opacity:1;translate:0 0;scale:100% 1}}@keyframes slide-in{0%{translate:200 0;scale:5% 1}to{opacity:1;translate:0 0;scale:100% 1}}.design-container{display:flex;align-items:flex-start;flex-direction:row;justify-content:center;gap:10px;flex-wrap:wrap;margin:0;padding:10px;opacity:0;animation-duration:1s;animation-name:pageAppear;animation-fill-mode:both;pointer-events:auto}.design-container div{display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:#afb3c9;height:500px;min-width:500px;border:1px solid;border-radius:5px}.design-container div img{max-width:90%;height:auto}.design-container div video{max-width:90%;height:90%;background:transparent}