:root{--orange:#ff6f1d;--grey:#21282a}*{margin:0;padding:0}.mainBox{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 768){.navBox{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}.boxOfCanvas{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.canvas{background:transparent}body{background-color:var(--grey)}.container{height:auto;min-height:450px;width:90%;display:flex;align-items:center;justify-content:space-around;position:absolute;color:#fff;flex-wrap:wrap}@media screen and (max-width:400px){.container{justify-content:center}}#content{display:flex;width:100%;position:relative;align-items:center;flex-wrap:wrap;justify-content:space-around}#content:before{content:"";position:absolute;top:0;left:0;width:100%;border-bottom:2px solid #ff6f1d;transform:scaleX(0)}.box{height:350px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;flex-wrap:wrap;z-index:2;position:relative}@media screen and (max-width:400px){.box{height:250px}}.head1{font-size:8rem;color:#fff8dc;font-family:Gloock,serif;width:700px;text-align:center;line-height:97%}@media screen and (max-width:480px){.head1{font-size:5rem}}.head2{font-size:2rem;font-family:Gloock,serif;height:250px;color:var(--orange);z-index:1;width:500px}@media screen and (max-width:480px){.head2{font-size:1.5rem;margin-top:30px;height:100px;width:350px}}.head1,.head2{flex-basis:0;clip-path:polygon(0 0,100% 0,100% 0,0 0)}.homeRight{height:50px;width:50px;clip-path:polygon(0 0,100% 0,100% 0,0 0);z-index:1;position:absolute;bottom:45%;right:2%}@media screen and (max-width:930px){.homeRight{position:absolute;bottom:5vh;right:45%}}.boxForAbt{min-height:100vh;height:auto;width:100vw;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;background-color:var(--grey)}.head_abt_1{height:auto;width:700px;z-index:1;padding:0 0 0 10px}.abtText1{font-size:min(6rem,20vw);color:var(--orange);text-align:start;font-family:Gloock,serif;padding:10px;margin-bottom:-200px;margin-top:200px}.head_abt_2{height:70vh;width:45vw;display:flex;align-items:center;justify-content:center}@media screen and (max-width:1270px){.head_abt_2{aspect-ratio:4/3;min-height:400px;width:100vw;min-width:400px}}.myImg{width:550px;height:400px}.myImgWrapper{width:650px;height:500px;display:flex;align-items:center;justify-content:center;position:relative}.myImgWrapper:before{content:"";position:absolute;top:0;left:0;width:100px;height:100px;border-top:15px solid var(--orange);border-left:15px solid var(--orange)}.myImgWrapper:after{content:"";position:absolute;bottom:0;right:0;width:100px;height:100px;border-bottom:15px solid var(--orange);border-right:15px solid var(--orange)}.abtText2{font-size:1.4rem;color:#fff;padding:10px;text-align:start;line-height:150%;font-family:Raleway,sans-serif}.subHeadCanvas{position:relative;bottom:30px;text-align:center;color:#fff;font-family:Gloock,serif}@media screen and (max-width:1000px){.subHeadCanvas{display:none}}.outer{width:300px;display:flex;align-items:center;justify-content:start}.text{height:auto;width:auto;display:flex;align-items:center;justify-content:center;color:var(--orange);opacity:0;font-family:Gloock,serif;font-size:min(6rem,20vw)}.blankText{width:20px}.pageBody{width:100vw;height:100vh;background-color:var(--grey);display:flex}.bar{width:20%;height:100%;background-color:var(--orange)}.mainBoxOfContact{height:auto;max-height:100%;width:100vw;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap-reverse;background-color:var(--grey)}.canvasDivOfContact{height:90vh;width:min(90%,700px);background:transparent;display:flex;align-items:center;justify-content:center;color:#fff}@media screen and (max-width:820px){.canvasDivOfContact{height:60vh}}.leftOfContact{height:100vh;width:700px;display:flex;align-items:center;justify-content:center}.contTxt1{display:flex;align-items:center;justify-content:space-between;width:700px;margin-top:200px;margin-bottom:-200px}@media screen and (max-width:700px){.contTxt1{flex-direction:column;width:auto;align-items:start}}.contTxt2{font-size:1.4rem;padding:0 10px;font-family:Raleway,sans-serif;margin:30px 0;color:#fff}.bodyOfForm{height:400px;width:auto}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;font-family:Raleway,sans-serif}.formMain{height:auto;width:95%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;margin:30px auto 0;border-radius:8px;max-width:600px}form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.input{display:block;border:2px solid var(--orange);border-radius:8px;min-width:150px;width:90%;min-height:50px;height:auto;font-size:1.2rem;background:rgba(255,255,255,.1);margin-top:15px;text-align:center;color:#fff}.message{min-height:100px;overflow-wrap:break-word;height:auto;margin-bottom:0;word-break:break-word;display:flex;justify-content:center;align-items:center}.message:empty:before{color:gray}div[data-placeholder]:not([data-placeholder=""]):empty:before{content:attr(data-placeholder)}.message:empty:before{content:"fallback placeholder"}.error{height:auto;color:red;min-width:150px;width:90%;text-align:right}.formBtn{margin-top:20px;background-color:#fff8dc}.formBtn:hover,.formBtn:focus{border-color:var(--orange)}.bodyOfSkills{height:100%;max-width:100vw;display:flex;justify-content:space-around;flex-wrap:wrap;background-color:var(--grey);overflow:auto}.leftOfSkills{height:auto;width:min(700px,100%);display:flex;align-items:center;justify-content:center}.rightOfSkills{height:100vh;width:600px;display:flex;align-items:center;justify-content:center}.skillH1{margin-bottom:-200px;margin-top:200px}.skillH2{font-size:1.4rem;padding:0 10px;font-family:Raleway,sans-serif;color:#fff}.skillBox{height:700px;width:600px;display:grid;grid-template-columns:repeat(3,minmax(min-content,1fr));grid-template-rows:repeat(5,1fr);align-items:center}@media screen and (max-width: 600px){.skillBox{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}}.skillBox div{font-size:min(3rem,4vh);padding:5px;text-align:center;width:auto;margin:10px;border:2px solid cornsilk;border-radius:10px;font-family:Gloock,serif;color:var(--orange)}.skillBox div:hover{transition:.5s;background:rgba(255,255,255,.25);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:10px;border:2px solid rgba(255,255,255,.18)}.skill4{grid-column-start:1;grid-column-end:3}.skill6{grid-column-start:1;grid-column-end:4}.skill7,.skill9{grid-column-start:1;grid-column-end:3}.bodyOfProject{background-color:var(--grey);min-height:100%;height:auto;width:100vw;overflow:auto}.mainOfProject{height:100vh;width:100vw;background-color:var(--grey);display:flex;flex-wrap:wrap;justify-content:space-around}.leftProject{height:auto;width:min(700px,100%);color:#fff;padding-left:10px;display:flex;align-items:center}.rightProject{height:800px;width:min(700px,100%);color:#fff;padding:0 10px;display:flex;align-items:center;justify-content:space-around;flex-direction:column;flex-wrap:wrap}@media screen and (max-width:600px){.rightProject{flex-direction:row;height:auto;padding:20px 0;gap:10px}}.projTxt1{font-size:min(6rem,20vw);font-family:Gloock,serif;color:var(--orange);margin-bottom:-200px;margin-top:200px}.projTxt2{font-size:1.4rem;font-family:Raleway,sans-serif;margin:30px 0}.btnBody{height:50px;width:150px;border:2px solid var(--orange);border-radius:100px;background-color:var(--orange);text-align:center;display:flex;justify-content:center;align-items:center}.btnBody:hover{background-color:var(--grey);transition:.5s;color:#fff}.btnTxt{color:#fff;font-size:1.5rem;text-decoration:none}.btnTxt:hover{color:#fff}.cardBody{height:350px;width:260px;border:4px solid var(--orange);border-radius:15px;display:flex;align-items:center}.cardImageInner{width:245px;height:150px;object-fit:contain;overflow:hidden;text-align:center}.cardAbt{text-align:center;display:flex;align-items:center;flex-direction:column}.cardAbt1{font-family:Playwrite IT Moderna,cursive;font-size:2.5rem;font-weight:600;padding-left:10px;color:#fff8dc;text-align:center}.cardAbt2{font-size:1.1rem;padding:10px;font-family:Raleway,sans-serif;color:#fff8dc;min-height:100px;text-align:center}@media screen and (max-width:1400px){.cardAbt2{color:#fff8dc}}.cardAbt3{font-size:1.2rem;margin-top:1rem;padding-left:10px;color:var(--grey);font-weight:800}a{text-decoration:none}.hvr{font-size:10px}.outerBox{width:200px;height:50px;border:1px solid cornsilk;display:flex;align-items:center;justify-content:space-around;border-radius:15px}.pillIcon{width:30px;height:30px}.pillIconYt{width:40px;height:40px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Gloock,serif;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){button{background-color:#f9f9f9}}