body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{overflow-Y:scroll;background-color:#121212;color:#f1edd9;color:var(--primary-cream)}:root{--primary-cream:#f1edd9}@font-face{font-family:Primary;src:url(/RJLStudios-React-Portfolio-/static/media/PPNIKKEIJOURNAL-REGULAR.a9ec325fdf2c6b7cf331.OTF) format("opentype")}@font-face{font-family:Italic;src:url(/RJLStudios-React-Portfolio-/static/media/COFO_ROBERT-REGULAR_ITALIC.3e000ffca8e8c2f58ad9.TTF) format("opentype")}@font-face{font-family:Caligraphy;src:url(/RJLStudios-React-Portfolio-/static/media/PPPLAYGROUND-MEDIUM.f1f4de779274a2ec53bc.OTF) format("opentype")}.Navbar{align-items:center;color:#f1edd9;color:var(--primary-cream);display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:10px 1.5vw;width:100%;z-index:3}.Header-links{align-content:space-between;display:flex;font-size:.7rem;gap:1em;justify-content:center;letter-spacing:1px;list-style-type:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hover-underline-animation{display:inline-block;position:relative}.hover-underline-animation:after{background-color:#f1edd9;background-color:var(--primary-cream);bottom:0;content:"";height:.7px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.hover-underline-animation:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.contact-btn{border-radius:8px;padding:5px}.Status{font-size:.7rem;letter-spacing:1.5px}@media screen and (max-width:900px){.Status{display:none}}.Logo{font-family:primary;font-size:2rem;font-weight:800;font-weight:400}.Homepage{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.Homepage-Content-Wrapper{margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Designer,.Homepage-Content-Wrapper,.Name,.Web-Dev{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Designer,.Name,.Web-Dev{width:100%}.Name{font-family:Primary;font-size:7.8rem;letter-spacing:3px;margin-bottom:-20px}.Designer,.Name{text-align:center}.Designer{display:flex;font-family:Italic;font-size:7rem}.And{font-size:3rem;font-weight:100;margin-left:.5em;text-decoration:underline}.And,.Designer-div{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Designer-div{display:flex;margin-bottom:0}.Webflow{font-size:.8rem;font-weight:200;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:1px;margin-bottom:-35px;width:100%}.Web-Dev{font-family:Primary;font-size:6.5rem;text-align:center}.Intro-links{display:flex;font-size:2rem;gap:15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;padding:.2em 1.5vw;width:100%}@media screen and (max-width:500px){.Designer{display:flex;font-size:2rem}.Name{font-size:1rem;text-align:center}.Web-Dev{font-size:3.8rem}.Webflow{font-weight:200;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:1px;width:100%}}@media screen and (max-width:800px){.Designer{font-size:4.5rem}.Designer,.Name{text-align:center}.Name{font-size:4rem;padding-bottom:10px}.Web-Dev{font-size:3.8rem;letter-spacing:-2px}.Webflow{font-size:.7rem;font-weight:200;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;letter-spacing:1px;margin-bottom:-20px;margin-top:-10px;visibility:none;width:100%}.And{font-size:2rem}}@media screen and (min-width:1300px){.Designer-div{display:flex;font-size:8rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-top:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Calig{font-family:Caligraphy;font-size:12rem}.Designer{display:flex;font-family:Italic;font-size:8rem}.And{font-size:3.5rem;font-weight:100;margin-left:.5em;text-decoration:underline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.And,.Webflow{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Webflow{font-size:1.5rem;font-weight:200;letter-spacing:1px;margin-bottom:-2em;margin-top:2em;width:100%}.Name{font-size:10.5rem;text-align:center}.Web-Dev{font-size:9.5rem}}.Link-A{background-color:#191919;border:1px solid #f1edd9;border:1px solid var(--primary-cream);border-radius:30px;color:#f1edd9;color:var(--primary-cream);font-size:.8rem;height:100%;padding:10px;transition:.4s}.Social-Wrapper{align-items:center;display:flex;font-size:2rem;gap:.5em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Social:hover{color:grey;transition:.2s}.Border{height:.5px;margin:0 auto;overflow:hidden;position:relative;width:95vw}.Border-Fill{background-color:#f1edd9;background-color:var(--primary-cream);height:100%;left:0;position:absolute;top:0;width:100%}.Projects{color:#fff;display:flex;flex-direction:column;height:100vh -webkit-fit-content;height:100vh -moz-fit-content;height:100vh fit-content;justify-content:center;min-width:100%;padding:2em 1.5em}.Projects-Title{color:#f1edd9;color:var(--primary-cream);font-family:Primary;font-size:4rem;font-weight:100;margin:1em 0 .5em;width:100%}.Projects-Bio{margin:10px}.Projects-Grid{display:flex;flex-direction:row;gap:2.5em;height:100%;justify-content:space-between;width:100}.Grid-Item{border-radius:10px;color:#000;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:.3s;width:48%}.Image-Wrapper{aspect-ratio:4/2;overflow:hidden}.Image-Wrapper,.Image-Wrapper>.Card-Img{border-radius:10px;margin:auto;width:100%}.Image-Wrapper>.Card-Img{height:100%;object-fit:cover}.Card-Img:hover{cursor:pointer}.Card-Content{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:auto;width:100%}.Card-Title{font-family:Primary;font-size:2.3rem;letter-spacing:.5px;padding:.3em 0 .2em}.Card-Info,.Card-Title{color:#f1edd9;color:var(--primary-cream);display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Card-Info{font-size:.9rem;font-weight:400;gap:10px;letter-spacing:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Inverse{background-color:#f1edd9;background-color:var(--primary-cream);border:.9px solid #000;border-radius:15px;color:#000;font-size:.7rem;font-weight:500;list-style-type:none;padding:5px 8px}.Sml-Info-Wrapper{color:#f1edd9;color:var(--primary-cream);display:flex;flex-direction:row;font-weight:100;justify-content:space-between;letter-spacing:2px}.Info-Tag{align-items:center;border:.9px solid #f1edd9;border:.9px solid var(--primary-cream);border-radius:15px;display:flex;font-size:.7rem;font-weight:200;justify-content:center;list-style-type:none;padding:5px 8px}@media screen and (max-width:800px){.Projects-Title{align-items:center;display:flex;justify-content:center}.Info-Tag{font-size:.6em;padding:4px 6px}}.Coming-Soon,.Visit{font-size:.7rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto 0;transition:.3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Visit:hover{color:grey;transition:.3s}a{color:#f1edd9;color:var(--primary-cream)}.Card-Btn-Pending,a{text-decoration:none}.Card-Btn-Pending{background-color:grey;border:1px solid #fff;border-radius:15px;color:#fff;font-weight:600;padding:.5em}.Project-SC{border-radius:10px 10px 0 0;display:block;height:100%;object-fit:cover;width:100%}.Skills{display:flex;height:120PX;margin:1em 0;overflow:hidden;white-space:nowrap;width:100%}.Overflow{display:flex;flex-direction:row}@-webkit-keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.Wrapper{align-items:center;-webkit-animation:slide 15s linear infinite;animation:slide 15s linear infinite;display:flex;padding:1rem 0}.Logo-item,img{height:5rem;margin:0 60px}.Logo-item{font-size:5rem}.CTO,.Logo-item{align-items:center;display:flex}.CTO{color:#f1edd9;color:var(--primary-cream);height:100vh -webkit-fit-content;height:100vh -moz-fit-content;height:100vh fit-content;justify-content:center;padding-top:70px;width:100%}.CTO-Wrapper{display:flex;flex-direction:row;width:100%}.CTO-Para,.CTO-Title{padding:.5rem 1rem}.CTO-Title{color:#f1edd9;color:var(--primary-cream);font-family:Primary;font-size:3rem;font-weight:300;width:100%}.CTO-Para{font-family:Italic;font-size:1.5em;letter-spacing:.5px;line-height:1.75em;margin:0 auto;max-width:500px}.CTO-bio{align-content:center;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:50px auto;min-width:50%;text-align:center}.CTO-bio,.Input-field{display:flex;justify-content:center}.Input-field{height:100%}.form-control,.form-control-sm{background-color:#191919;border:none;border-bottom:1px solid var(--primary-cream);color:#f1edd9;color:var(--primary-cream);font-size:1.1rem;max-width:500px;min-width:500px;padding:20px}.form-outline label{display:flex}label{padding-bottom:5px}.form-outline{margin-top:20px}.button-wrapper{display:flex;height:50px;justify-content:center;margin:45px auto;width:100%}.button{background-color:initial;border:1px solid #f1edd9;border:1px solid var(--primary-cream);border-radius:30px;color:#f1edd9;color:var(--primary-cream);cursor:pointer;letter-spacing:.2em;padding:10px 50px}.footer{color:#fff;color:#f1edd9;color:var(--primary-cream);flex-direction:column;height:70px}.Footer-Title,.footer{display:flex;justify-content:center;width:100%}.Footer-Title{align-items:center;font-size:18px;height:20%}.Footer-UL{align-items:center;border-bottom:1px solid grey;border-top:1px solid grey;display:flex;gap:5em;height:30%;justify-content:center;list-style-type:none;margin:0 11em;padding:40px 0;width:60% auto}.Footer-Li{border:2px solid red;display:flex;justify-content:space-evenly}.Header-Icon-Bar{align-items:center;display:flex;height:35%;justify-content:center;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Header-Icons{display:flex;flex-direction:row}.Github,.Twitter{display:block;height:55px}.Link-A:hover{background-color:#f1edd9;background-color:var(--primary-cream);color:#000;cursor:pointer;transition:.4s}.Card-Btn:hover,.Src-Btn:hover{background-color:#fff;border:2px solid #000;color:#000;cursor:pointer}.Contact-btn:hover,.Projects-btn:hover{color:gray;cursor:pointer}.Grid-Item:hover{transition:.25s}.button:hover{background-color:#f1edd9;background-color:var(--primary-cream);border:1px solid #f1edd9;border:1px solid var(--primary-cream);color:#000;transition:.4s}.Input-field{height:65%;width:100%}.form-control{border-left:none;border-radius:5px;border-right:none;border-top:none;padding:10px 0;width:100%}@media screen and (max-width:800px){.Header-links{align-items:center;display:flex;gap:1em;justify-content:center;letter-spacing:2px;list-style-type:none;margin-left:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.PFP{visibility:hidden}.form-control,.form-control-sm{border-left:none;border-radius:5px;border-right:none;border-top:none;min-width:300px;padding:10px 0;width:90vw}.Projects-Grid{display:flex;flex-direction:column;height:82%;margin:1em 0 .5em;width:100%}.Projects-Title{margin:0}.Grid-Item{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:.25em 0 1em;width:100%}.CTO-Wrapper{flex-direction:column}.CTO-bio{width:100%}}@media screen and (max-width:400px){.Card-Img{aspect-ratio:16/9;height:12rem;max-width:100vw}.Logo-item{font-size:4rem}}
/*# sourceMappingURL=main.c4a63108.css.map*/