.form{background:#FFFFFF;display:flex;flex-direction:column;align-items:center;padding:16px;gap:16px;border-radius:16em;width:322em}@media screen and (max-width: 960px){.form{width:40%;border-radius:16px;gap:16px}}@media screen and (max-width: 600px){.form{width:80%;border-radius:16px;gap:16px}}.CTA{padding:8px 16px;font-weight:500;font-size:24rem;border-width:2px;border-style:solid;cursor:pointer}.small{font-size:16rem}.primary{color:#fffc;background:#000000;border-color:#000c;border-radius:32em;width:100%}.primary:hover{color:#000c;background-color:#00000080}.tag{padding:8px 16px;font-size:24rem;border:2px solid #141414;border-radius:16px;min-width:96px;height:32px;font-style:normal;font-weight:500;font-size:12rem;background:linear-gradient(180deg,#00C164 0%,#9747FF .01%,rgba(151,71,255,0) 3.65%)}.selected{background:linear-gradient(180deg,#004122 0%,#180B29 95.83%,rgba(9,0,20,.96) 100%);color:#ebebeb}.tag:hover{background:#180B29;color:#ebebeb}.selected:hover{background:#004122;color:#ebebeb}.whiteP{width:138px;font-size:12rem;color:#000c;background:hsla(0,0%,100%,.8);border-color:#fffc;border-radius:32em;cursor:pointer}.whiteP:hover{color:#fffc;background-color:#00000080}.whiteS{width:138px;font-size:12rem;color:#fffc;background:hsla(0,0%,0%,.8);border-color:#fffc;border-radius:32em;cursor:pointer}.whiteS:hover{color:#000c;background-color:#fffc}.styledInput{display:flex;flex-direction:column-reverse;position:relative;width:100%;height:32px}.styledText{display:flex;flex-direction:column-reverse;position:relative;width:100%;min-height:150px}input,textarea{padding:0;width:100%;font-weight:400;font-size:16rem;box-sizing:border-box;background:#FFFFFF;border:1px solid #000000;border-radius:8px}.input{height:100%}textarea{resize:vertical;height:150px}label{position:absolute;font-family:Roboto;font-weight:400;font-size:12rem;pointer-events:none;background:#FFFFFF;padding-right:4px;padding-left:4px;top:-8px;left:8px;transform:scale(1) translateY(17px);transition:.2s ease all}input:focus,textarea:focus{outline:none}input:focus+label,input:valid+label,textarea:focus+label,textarea:valid+label{position:absolute;transform:scale(.8) translateY(0)}@media screen and (max-width: 400px){.styledInput{width:100%;height:32px;gap:0px}.styledText{width:100%;gap:0px}input{height:100%;font-size:16px}textArea{height:150px;font-size:16px}label{pointer-events:none}}.tagsWrapper{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:0;gap:16px;max-width:960px;flex-wrap:wrap}.portWraper{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-around;padding:0;gap:16px;max-width:752px}.card{width:100%;height:100%;background-color:#ffb800;border-radius:16px;color:#fffc}.card-bg{width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,.9) 100%);backdrop-filter:blur(2px);border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:16px;gap:16px}h2{font-family:Fraunces;font-style:normal;font-weight:400;font-size:24rem;text-align:center}.details,.tags{font-family:Roboto;font-style:normal;font-weight:400;font-size:12rem;text-align:center}.title-row{gap:4px}.title-row p{font-family:Roboto;font-style:normal;font-weight:300;font-size:12rem;text-align:center}.video{width:208px;height:144px;background:#D9D9D9;border-radius:8px}.flip-card{width:240px;height:320px;perspective:1000px;border-radius:16px}.flip-card-inner{position:relative;width:100%;height:100%;border-radius:16px;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#bbb;color:#000;border-radius:16px}.flip-card-back{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.2) 100%);backdrop-filter:blur(2px);color:#000000e6;width:100%;height:100%;transform:rotateY(180deg);border-radius:16px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:16px;gap:16px}.media{height:100%;width:100%;border-radius:8px}.detailsDiv{width:100%;height:100%}.navWrapper{position:fixed;z-index:10;width:inherit;z-index:1;margin-top:4px;display:flex;flex-direction:column;align-items:center}.navbar{color:#fff;display:flex;justify-content:center;align-items:center;gap:2rem;width:960px;height:56px;box-sizing:border-box;padding-left:8px;padding-right:8px;background:rgba(0,0,0,.9);backdrop-filter:blur(2px);border-radius:8px;font-family:Roboto;font-style:normal;font-weight:500;font-size:12rem}.logo-div{display:flex;width:920px;justify-content:space-between}.logo{height:40px;width:auto;filter:opacity(80%) invert()}.navbar ul{padding:0;margin:0;list-style:none;display:flex;gap:8rem;height:100%}.navbar li{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px;gap:10px;width:96px;border-radius:32px}.navbar a{color:inherit;text-decoration:none;height:100%;width:100%;display:flex;align-items:center;padding:.25rem;font-weight:500;font-size:12px}.navbar li.active{border:2px solid #FFFFFF;white-space:nowrap}.navbar li:hover{background-color:#d3d3d323}.smallMenu{display:none}.menu{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}@media screen and (max-width: 960px){.navbar ul{flex-direction:column;align-items:center;list-style:none;background:rgba(0,0,0,.9);backdrop-filter:blur(2px);color:#fff;gap:0px;max-width:100vw}.navbar li{justify-self:center;height:100%;padding-left:10px;margin-right:0;margin-bottom:0;margin-top:0;border-radius:0;width:100%}.navbar li:hover{color:#000000f2}.nav-menu{z-index:10;width:110%;border-top:0px solid #fff;position:absolute;top:56px;left:0px;opacity:1}.nav-menu .active{width:100%;left:0px;opacity:1;transition:all .5s ease;z-index:100;border-radius:0;background-color:#d3d3d323}.navbar li.active{border:2px #d3d3d323}.nav-menu{margin:0;width:100vw}.smallMenu{display:block;font-size:25px}#hidden{display:none}.navbar{padding-left:32px;padding-right:32px;width:100%;border-radius:0}.navWrapper{margin-top:0}}.modal{position:absolute;z-index:4;top:0px;height:100vh;background-color:#000000d3;backdrop-filter:blur(2px);padding-top:20px}.modal .pageWrapper{position:relative;background-color:#323639;padding-top:16px;height:100%;width:960px;border-radius:16px}.modal-close{position:absolute;width:36px;height:36px;left:98%;top:-20px;background-color:#ff0909;border-radius:24px;border:none;color:#000;font-size:16px}.modal-close:hover{background-color:#f0f8ff}@media screen and (max-width: 960px){.modal .pageWrapper{width:95%;background-color:#d4d4d4}}.circle{border-radius:360px;background-color:green;color:#fff;font-size:200px;font-size:15vw;width:20vw;height:20vw;margin:auto;display:flex;justify-content:center;align-items:center}.sentTxt{width:100%;display:flex;justify-content:center;align-items:center}.closeDiv{display:flex;width:100%;flex-direction:row-reverse}.sent-close{width:32px;height:32px;background-color:#ff0909;border-radius:24px;border:none;color:#000;font-size:16px}.sent-close:hover{background-color:#f0f8ff}.sent{background:#FFFFFF;display:flex;flex-direction:column;align-items:center;padding:16px;gap:16px;border-radius:16em;width:322em}@media screen and (max-width: 960px){.sent{width:100%;border-radius:16px;gap:16px}}@media screen and (max-width: 600px){.sent{width:100%;border-radius:16px;gap:16px}}.home{font-family:Roboto;font-style:normal;color:#ffffffe6;background-color:#000;min-height:100vh;padding-bottom:16px}.rotate{width:336px;height:352px}.name{font-family:Roboto;font-style:normal;font-weight:400;font-size:32rem}.link{height:max-content;width:auto}.roles-me{display:flex;flex-direction:column;align-items:center;padding:8px 16px;gap:16px;max-width:960px;text-align:center}.roles{font-weight:300;font-size:22rem}.me{font-weight:400;font-size:22rem}.ctas{display:flex;flex-direction:row;align-items:flex-start;padding:0;gap:16px;width:292px}.profpic{z-index:1;position:absolute;width:261px;height:349px;left:0;right:0;margin-left:auto;margin-right:auto}.flip{filter:invert();border-radius:160px}.blob{position:relative;width:336px;height:352px;filter:blur(5px) contrast(15);background-color:#fff;border-radius:160px}.circle2{width:32px;height:32px;border-radius:160px;position:absolute;left:48%;right:50%;top:-1%;bottom:100%;background:black;animation:translate 1.5s ease-in-out infinite}@keyframes translate{0%{transform:translateY(47.62%)}50%{transform:translateY(170%)}to{transform:translateY(47.62%)}}.circle1{position:absolute;width:256px;height:256px;border-radius:160px;left:14.29%;right:9.52%;top:14.29%;bottom:9.52%;background:black}.about{background-color:#fff}h2{font-weight:300;font-size:36rem}p{font-weight:400;font-size:22rem}.bold{font-weight:700;font-size:22rem}.aboutItem{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:8em;gap:16em;width:100%}.reverse{flex-direction:row-reverse}.aboutText{display:flex;flex-direction:column;overflow-wrap:break-word;max-width:537em;gap:16px}.aboutPic{width:308px;height:270px;object-fit:cover}@media screen and (max-width: 960px){.aboutItem{flex-direction:column-reverse;align-items:center;width:100%;gap:16px;padding:16px}.map{width:100%}.aboutPic{display:block;max-width:250px;max-height:220px;width:auto;height:auto}.aboutText{width:100%}}@media screen and (max-width: 300px){.aboutItem{flex-direction:column-reverse;align-items:center;width:90%;gap:16px;padding:16px}.map,.aboutText{width:100%}}.portfolio{min-height:100vh;padding-bottom:8px}.presentation{display:flex;justify-content:center;align-content:center;border-radius:8px}.presentation_container{padding-top:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px}.presentation_item{width:80%}.presentation-close{position:fixed;width:36px;height:36px;left:91%;top:70px;background-color:#ff0909;opacity:.4;border-radius:24px;border:none;color:#000;font-size:16px;z-index:1}.presentation-close:hover{background-color:#ff0909;opacity:1}.contactMe{background-color:#000;position:relative;width:100%}.footer{padding-top:160em}.contactGap{height:100px}a{color:#fff9;font-style:normal;font-weight:300;font-size:24rem}.hide{display:none}@media screen and (max-width: 960px){.footer{display:flex;flex-direction:column;align-items:center;width:90%}}*{box-sizing:border-box;margin:0;padding:0}#root{margin:0;padding:0;box-sizing:border-box}button{padding:0;margin:0;font-size:0}.page{display:flex;flex-direction:column;align-items:center;padding-top:64px;min-height:100vh;width:100%;gap:16em}.pageWrapper{display:flex;flex-direction:column;gap:8em;max-width:960px;align-items:center}.App{position:relative;width:100%}.navWrapper{z-index:2}.hidden{display:none}@media screen and (max-width: 960px){.pageWrapper{width:420px}}@media screen and (max-width: 420px){.pageWrapper{width:270px}}html{font-size:6.25%}body{margin:0;font-family:Roboto;max-width:100vw}*{margin:0;padding:0;box-sizing:border-box}