@font-face{font-family:Poppins Medium;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Medium.9e1bb626874ed49aa343.ttf)}@font-face{font-family:Poppins Regular;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Regular.8081832fc5cfbf634aa6.ttf)}@font-face{font-family:Poppins SemiBold;font-style:normal;font-weight:400;src:url(/static/media/Poppins-SemiBold.cce5625b56ec678e4202.ttf)}@font-face{font-family:Poppins Bold;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Bold.404e299be26d78e66794.ttf)}@font-face{font-family:Poppins ExtraBold;font-style:normal;font-weight:400;src:url(/static/media/Poppins-ExtraBold.4ed78cd5d64af4efc3c7.ttf)}@font-face{font-family:Poppins Light;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Light.f41b63c0bb0963ace821.ttf)}@font-face{font-family:Poppins Thin;font-style:normal;font-weight:400;src:url(/static/media/Poppins-Thin.a61eaf4c2e4d44d6db6a.ttf)}*{border:0;box-sizing:border-box;list-style:none;outline:none;padding:0;text-decoration:none}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins Regular;line-height:1.7;overflow-y:overlay}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px!important;width:6px!important}body ::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.16)}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1)}.btn{border-radius:50px;cursor:pointer;font-family:Poppins SemiBold;padding:14px 0;transition:.2s;width:160px}.btn:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.primary-btn{background-color:#1f2235;border:2px solid linen;color:var(--white);font-size:12px}.primary-btn:hover{background-color:#1f2235;border:2px solid #ff5823;color:#f0f8ff}.highlighted-btn{background-color:#cc3636;color:var(--white);font-size:12px}@media only screen and (max-width:568px){.highlighted-btn{z-index:-900}}.red-border{border:1px solid var(--error-message)!important}.fade-in{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px);transition:all .8s ease}.container-profile{align-items:center;display:flex;height:10%;justify-content:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;text-align:center}.parent-profile{align-items:center;color:#f0f8ff;display:flex}.info-profile-name{font-family:Poppins SemiBold;font-size:24px}.profile-info-role{display:flex;flex-direction:column;margin:14px 0 24px}.profile-info-role h1{font-family:cursive;font-size:40px}.primary-text{color:(--white)}.highlight-text{color:#cc3636}.role-line-profile{font-family:Poppins Light;font-size:19px;margin:5px 0 0}.options .highlighted-btn{margin:0 0 0 28px}.options .highlighted-btn:hover{background-color:#fff8dc;color:blue;margin:0 0 0 28px}.profile-picture{align-items:center;border-radius:50%;box-shadow:0 1px 0 0 var(--white);display:flex;height:380px;justify-content:center;margin:0 0 0 100px;width:380px}.profile-picture-background{background-image:url(/static/media/TrevonProfilePicture.9e120a8c2050162a5ae5.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;height:92%;width:92%}.profile-picture-background:hover{-webkit-transform:scale(1.07);transform:scale(1.07);transition:1s ease-out}.colz .colz-icon i{color:#fff;padding:8px 8px 8px 0}.colz .colz-icon i:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.colz .colz-icon span{color:#fff;padding:8px 8px 8px 0}.colz .colz-icon span:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}@media screen and (max-width:1110px){.profile-picture{margin:0 0 0 80px}.info-profile-name{font-size:20px}.profile-info-role .primary-text{font-size:12px}.options .btn{padding:11px 0;width:120px;z-index:700}}@media screen and (max-width:910px){.profile-picture{height:320px;margin:0 0 0 4px;margin:0!important;width:320px}.parent-profile{flex-direction:column-reverse;margin:40px 0 0}.options{display:flex;justify-content:space-between}.info-profile{margin:25px 0 0}.options .highlighted-btn{margin:0!important}.options .profile-info-role{text-align:center}}@media screen and (max-width:375px){.profile-picture{height:275px;margin-top:-90px;width:275px}.info-profile{width:90%}}.container-footer{display:flex;height:17.8%;justify-content:center;overflow:hidden;width:100%}.parent-footer{height:100%;max-width:1920px;width:100%}.parent-footer img{height:130px;max-width:100%}@media only screen and (max-width:1110px){.parent-footer{align-items:flex-end;display:flex}}.container-home{background-color:#87a2fb;display:flex;flex-direction:column;justify-content:space-between;min-height:670px}.aboutme-container{display:grid;margin-top:8rem}.parent-aboutme{grid-gap:15%;display:grid;gap:15%;grid-template-columns:35% 50%}.container-image-aboutme{aspect-ratio:1/1;background:linear-gradient(45deg,transparent,var(--color-primary),transparent);border-radius:2rem;display:grid;place-items:center;width:100%}.image-aboutme{border-radius:2rem;height:85%;overflow:hidden;-webkit-transform:rotate(10deg);transform:rotate(10deg);transition:var(--transition);width:85%}.image-aboutme:hover{-webkit-transform:rotate(0);transform:rotate(0)}.aboutme-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.aboutme-card{background-color:#cc3636;border:1px solid transparent;border-radius:1rem;color:var(--white);padding:2rem;text-align:center;transition:var(--transition)}.aboutme-card:hover{background-color:#cfd2cf;color:#fff;cursor:default;margin:0 0 0 28px}.aboutme-card h5{font-size:.95rem}.aboutme-card small{font-size:.7rem}.aboutme-cards-container p{color:var(--white);margin:2rem 0 2.6rem}.container{margin:0 auto;width:var(--container-width-lg)}.aboutme-container h2{color:var(--white);margin-bottom:3rem;text-align:center}p{color:var(--white)}a{color:var(--color-primary);transition:var(--transition)}a:hover{color:var(--color-white)}img{display:block;object-fit:cover;width:100%}.btn-primary{background-color:#1f2235;border:2px solid linen}.btn-primary:hover{background-color:#1f2235;border:2px solid #ff5823}.skills-container{display:grid;margin-top:8rem}.list-skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;width:var(--container-width-lg)}.list-skills-container>div{background:#cc3636;border:1px solid transparent;border-radius:2rem;padding:2.4rem 5rem;transition:var(--transition)}.list-skills-container>div:hover{background-color:#cfd2cf;color:#fff;cursor:default}.list-skills-container h3{color:#eee;margin-bottom:2rem;text-align:center}.skills{grid-row-gap:2rem;display:grid;grid-template-columns:1fr 1fr;row-gap:2rem}.details{display:flex;gap:1rem}.bi-check{color:green;margin-top:6px}h1,h2,h3,h4,h5{font-weight:500}.skills-container h2{margin-bottom:3rem}.skills-container h2,.skills-header{color:var(--white);text-align:center}.portfolio{display:grid;margin-top:8rem}.portfolio-container{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;width:var(--container-width-lg)}.portfolio-item{background-color:#cc3636;border:1px solid transparent;border-radius:2rem;padding:1rem;transition:var(--transition)}.portfolio-item:hover{background-color:#cfd2cf}.portfolio-image{border-radius:1.5rem;overflow:hidden}.portfolio-item h3{margin:1.2rem 0 2rem}h2{margin-bottom:3rem;text-align:center}.btn-port,h2{color:var(--white)}.btn-port{background-color:#1f2235;border:2px solid linen;border-radius:50px;cursor:pointer;font-family:Poppins SemiBold;font-size:12px;padding:14px 0;transition:.2s;width:150px}.btn-port:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.btn-port:hover{background-color:#1f2235;border:2px solid #ff5823;color:#f0f8ff}.port-header{color:var(--white);text-align:center}.contact{display:grid;margin-top:8rem}.contact-container{grid-gap:12%;display:grid;gap:12%;grid-template-columns:30% 58%;margin:0 auto;width:58%}.contact-options{display:flex;flex-direction:column;gap:1.2rem}.contact-option{background:#cc3636;border:1px solid transparent;border-radius:1.2rem;padding:1.2em;text-align:center;transition:var(--transition);width:120%}.contact-option:hover{background:#cfd2cf}.contact-option a{color:#f5f5f5;text-decoration:none}.contact-header{color:var(--white);text-align:center}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:transparent;border:2px solid #000;border-radius:.5rem;color:#f5f5f5;padding:1.5rem;resize:none;width:100%}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff}input::placeholder,textarea::placeholder{color:#fff}.footer{background:#cfd2cf;font-size:.9rem;margin-top:7rem;padding:3rem 0;text-align:center}.footer a{color:var(--color-bg);text-decoration:none}.footer-logo{display:inline-block;font-size:2rem;font-weight:500;margin-bottom:2rem}.permalinks{flex-wrap:wrap;gap:2rem;margin:0 auto 3rem}.footer-socials,.permalinks{display:flex;justify-content:center}.footer-socials{gap:1rem;margin-bottom:4rem}.footer-socials a{background:var(--color-bg);border:1px solid transparent;border-radius:.7rem;color:#cfd2cf;display:flex;padding:.8rem}.footer-socials a:hover{background:transparent;border-color:var(--color-bg);color:var(--color-bg)}.footer-copyright{color:var(--color-bg);margin-bottom:4rem}.nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:block;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%);width:-webkit-max-content;width:max-content;z-index:2}.nav,.nav a{display:flex}.nav a{background:transparent;border-radius:50%;color:var(--color-light);font-size:1.1rem;padding:.9rem}.nav a:hover{background:rgba(0,0,0,.3)}.nav a.active{background:var(--color-bg);color:var(--color-white)}:root{--light-blue:#04c3ff;--light-blue-shadow:rgba(69,211,255,.27);--sea-green:#0abead;--sea-green-dark:#0cbfae;--sea-green-extra-dark:#09bead;--sea-green-shadow:rgba(11,190,173,.4);--header-hamburger-background:rgba(11,190,173,.8);--orange:#f57f17;--dark-orange:#ff5823;--orange-shadow:rgba(245,127,23,.2);--white:#fff;--black:#333;--disabled-btn:#09bead7a;--error-message:#e44f4fd1;--toast-error:#e44f4ffa;--toast-shadow:#9c9c9ce3;--toast-success:#0cbfae;--loader-color:#0cbfae;--color-light:hsla(0,0%,100%,.6);--color-primary:#4db5ff;--color-bg:#1f1f38;--color-white:#fff;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%;--transition:all 400ms ease}
/*# sourceMappingURL=main.8f56e51b.css.map*/