:root{--background-before:rgba(0,0,0,0.9);--background-after:rgba(236,60,60,0.6);--background-input:rgba(133,51,51,0.1);--background-image:url(/portfolio_Bae/static/media/seattle1.a0d16bcd.jpeg);--font-xxlarge:3.5rem;--font-xlarge:3rem;--font-large:2rem;--font-medium:1.5rem;--font-small:1rem;--space-xxlg:4rem;--space-xlg:3rem;--space-lg:2rem;--space-md:1.5rem;--space-sm:1rem;--color-white:#fff;--color-point:#853333;--color-black:#222121}*{padding:0;margin:0;box-sizing:border-box}.point{color:#853333;color:var(--color-point);font-weight:700}a{text-decoration:none}a,header{color:#fff;color:var(--color-white)}header{background-image:url(/portfolio_Bae/static/media/seattle1.a0d16bcd.jpeg);background-image:var(--background-image);background-color:rgba(0,0,0,.9);background-color:var(--background-before);background-blend-mode:saturation;background-repeat:no-repeat;background-size:cover;height:100vh;padding:2rem;padding:var(--space-lg);display:flex;flex-direction:column;justify-content:space-between;font-family:"Alef",sans-serif}header,header:hover{transition:background-color 4s}header:hover{background-color:rgba(236,60,60,.6);background-color:var(--background-after)}.navbar{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-size:var(--font-medium)}.navbar_logo{font-size:2rem;font-size:var(--font-large)}nav ul{display:flex;list-style:none}nav ul li{padding:0 3rem;font-size:1.5rem;font-size:var(--font-medium)}.navbar_icon a:hover,nav ul li a:hover{color:#853333;color:var(--color-point)}.navbar_icon i{margin-left:1.5rem;margin-left:var(--space-md)}.navbar_icon a{font-size:2rem;font-size:var(--font-large)}nav .navbar_menubar{position:absolute;top:6px;right:0;display:none;align-self:center}.navbar_name{text-align:center;margin-bottom:17rem}.navbar_name h1{font-size:3.5rem;font-size:var(--font-xxlarge);margin-bottom:2rem;margin-bottom:var(--space-lg)}.navbar_downArrow{font-size:2rem;font-size:var(--font-large);text-align:center}.skill{padding:2rem;padding:var(--space-lg);text-align:center;font-family:"Alef",sans-serif}.skill_list{display:flex;justify-content:space-around;align-items:center}.skill_list li{list-style:none}.skill_list li i{font-size:3.5rem;font-size:var(--font-xxlarge);margin-bottom:1rem;color:#853333;color:var(--color-point)}.skill_list li p{font-size:1.5rem;font-size:var(--font-medium);color:#222121;color:var(--color-black)}.about{padding:3rem;padding:var(--space-xlg);padding-left:4rem;padding-left:var(--space-xxlg);padding-right:4rem;padding-right:var(--space-xxlg);font-family:"Alef",sans-serif;color:#fff;color:var(--color-white);background-image:url(/portfolio_Bae/static/media/hawaii0.b39e98ee.jpeg);background-color:rgba(236,60,60,.6);background-color:var(--background-after);background-blend-mode:saturation;background-repeat:no-repeat;background-size:cover;height:70vh}.about_title{font-size:3rem;font-size:var(--font-xlarge);margin-top:1.5rem;margin-top:var(--space-md);color:#222121;color:var(--color-black)}.about p{font-size:1.5rem;font-size:var(--font-medium);margin-top:1rem;margin-top:var(--space-sm)}.about p,.about span{margin-bottom:1rem;margin-bottom:var(--space-sm)}.about span{display:block;font-family:"Alef",sans-serif}.about_skill,.about span{font-size:1rem;font-size:var(--font-small)}.about_skill{display:flex;list-style:none;color:#222121;color:var(--color-black)}.about_skill div{padding-right:4rem;padding-right:var(--space-xxlg)}.about_skill:last-child{margin-bottom:1.5rem;margin-bottom:var(--space-md)}.resume{padding:3rem;padding:var(--space-xlg);padding-left:4rem;padding-left:var(--space-xxlg);padding-right:4rem;padding-right:var(--space-xxlg);display:flex;justify-content:space-around;align-items:center;flex-direction:row-reverse;background-color:#fff;background-color:var(--color-white);font-family:"Alef",sans-serif;height:30vh}.resume_title{font-size:3.5rem;font-size:var(--font-xxlarge);color:#853333;color:var(--color-point)}.resume div p{font-size:1rem;font-size:var(--font-small);font-weight:700}.resume_btn,.resume div p{color:#222121;color:var(--color-black)}.resume_btn{font-size:3.5rem;font-size:var(--font-xxlarge)}.portfolio{padding:3rem;padding:var(--space-xlg);padding-left:4rem;padding-left:var(--space-xxlg);padding-right:4rem;padding-right:var(--space-xxlg);font-family:"Poiret One",cursive;background-image:url(/portfolio_Bae/static/media/la0.0bf0f7a2.jpeg);background-color:rgba(236,60,60,.6);background-color:var(--background-after);background-blend-mode:saturation;background-repeat:no-repeat;background-size:cover;color:#fff;color:var(--color-white);height:100vh}.portfolio_title{font-size:3.5rem;font-size:var(--font-xxlarge);text-align:center;margin-top:1.5rem;margin-top:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-lg)}.portfolio_list{align-content:center;flex-wrap:wrap;height:70vh}.portfolio_list,.portfolio_list li{display:flex;justify-content:space-around}.portfolio_list li{flex-direction:column;align-items:center;width:25rem;height:15rem;margin:1rem;margin:var(--space-sm);list-style:none;overflow:hidden;position:relative}.portfolio_list li img{max-width:100%;height:-webkit-max-content;height:-moz-max-content;height:max-content}.portfolio_list li img:hover{-webkit-filter:brightness(.8);filter:brightness(.8)}.portfolio_list li div{position:absolute;bottom:3%;right:0;z-index:2;font-size:3rem;font-size:var(--font-xlarge)}.portfolio_list li div a{margin:1rem;margin:var(--space-sm);color:grey}.portfolio_list li div a:hover{color:#222121;color:var(--color-black)}.contact{font-family:"Amatic SC",cursive;padding:3rem;padding:var(--space-xlg);padding-left:4rem;padding-left:var(--space-xxlg);padding-right:4rem;padding-right:var(--space-xxlg)}.contact_title{text-align:end;margin-right:4rem;margin-right:var(--space-xxlg);font-size:3.5rem;font-size:var(--font-xxlarge)}.contact_container{display:flex;justify-content:space-around;align-items:center;margin:2rem;margin:var(--space-lg)}.contact_point{font-size:1.5rem;font-size:var(--space-md);font-weight:700}.contact_point p{font-size:2rem;font-size:var(--space-lg)}.contact_point li{list-style:none}form{width:60%}input{padding:1rem;padding:var(--space-sm);border:none;border-bottom:2px solid #853333;border-bottom:2px solid var(--color-point);font-size:1.5rem;font-size:var(--font-medium);font-family:"Amatic SC",cursive}input:focus{outline:none}input:focus,input:hover{background-color:rgba(133,51,51,.1);background-color:var(--background-input)}.emailInput,.nameInput{width:50%}.bodyInput{width:100%}input::-webkit-input-placeholder{font-size:1.5rem;font-size:var(--font-medium);color:#853333;color:var(--color-point);font-family:"Amatic SC",cursive}input:-ms-input-placeholder{font-size:1.5rem;font-size:var(--font-medium);color:#853333;color:var(--color-point);font-family:"Amatic SC",cursive}input::-ms-input-placeholder{font-size:1.5rem;font-size:var(--font-medium);color:#853333;color:var(--color-point);font-family:"Amatic SC",cursive}input::placeholder{font-size:1.5rem;font-size:var(--font-medium);color:#853333;color:var(--color-point);font-family:"Amatic SC",cursive}.contact_btn{font-size:3.5rem;font-size:var(--font-xxlarge);margin:1rem;margin:var(--space-sm);margin-left:3rem;margin-left:var(--space-xlg);margin-right:3rem;margin-right:var(--space-xlg);color:#853333;color:var(--color-point)}.footer{padding:1.5rem;padding:var(--space-md);display:flex;justify-content:space-around;align-items:center;color:#fff;color:var(--color-white);font-family:"Alef",sans-serif;background-image:url(/portfolio_Bae/static/media/seattle0.ad2e0647.jpeg);background-repeat:no-repeat;background-size:cover;background-color:rgba(236,60,60,.6);background-color:var(--background-after);background-blend-mode:saturation}.footer_point{color:#853333;color:var(--color-point);font-weight:700}.footer_icon,.footer_logo{font-size:2rem;font-size:var(--font-large)}.footer_icon a{margin-left:1.5rem;margin-left:var(--space-md)}.footer_icon a:hover{color:#853333;color:var(--color-point)}#scrollUp{font-size:3rem;font-size:var(--font-xlarge);margin:1.5rem;margin:var(--space-md);color:rgba(70,70,70,.5);position:fixed;bottom:0;right:0}@media (max-width:992px){.portfolio{padding:1.5rem;padding:var(--space-md);display:flex}.portfolio,.portfolio_list{height:100%}}@media (max-width:768px){header{padding:1rem;padding:var(--space-sm);background-color:rgba(236,60,60,.6);background-color:var(--background-after)}.navbar{flex-direction:column;align-items:flex-start;position:-webkit-sticky;position:sticky;top:1rem;top:var(--space-sm);background-color:rgba(133,51,51,.1);background-color:var(--background-input)}.navbar_logo{font-size:2rem;font-size:var(--font-large);margin:0}.navbar_menu{display:none}.navbar_menu_active{flex-direction:column;width:100%;padding-top:1rem;padding-top:var(--space-sm);padding-bottom:1rem;padding-bottom:var(--space-sm)}.navbar_menu_active li{padding:4px 0;font-size:large}.navbar_menu_active li a{display:block}.navbar_menu_active li :hover{background-color:rgba(133,51,51,.1);background-color:var(--background-input);color:#853333;color:var(--color-point)}.navbar_icon{display:none}.navbar_icon_active{align-self:center}.navbar_icon_active i{margin-left:0;margin-right:1rem;margin-right:var(--space-sm);margin-top:0}.navbar_icon_active i:hover{color:#853333;color:var(--color-point)}nav .navbar_menubar{display:block}.navbar_name h1{font-size:3rem;font-size:var(--font-xlarge)}.skill_list{display:block;font-weight:700}.skill_list li i{font-size:2rem;font-size:var(--font-large);margin-bottom:.5rem}.skill_list li p{font-size:1rem;font-size:var(--font-small);margin-bottom:2rem;margin-bottom:var(--space-lg)}.skill_qa :last-child{margin-bottom:0}.about{padding:1.5rem;padding:var(--space-md);height:100%}.about_title{margin-top:0;font-size:3rem;font-size:var(--font-xlarge)}.about p{font-size:1rem;font-size:var(--font-small)}.about_skill:last-child{margin-bottom:0}.about_skill div{padding:0;width:100%}.resume{padding:1.5rem;padding:var(--space-md);height:100%}.resume_title{font-size:1.5rem;font-size:var(--font-medium);text-align:end}.portfolio{padding:1.5rem;padding:var(--space-md);display:flex;flex-direction:column;justify-content:space-around}.portfolio,.portfolio_list{height:100%}.portfolio_title{font-size:3rem;font-size:var(--font-xlarge)}.contact{padding:1.5rem;padding:var(--space-md);height:100%}.contact_container{display:flex;flex-direction:column;margin-bottom:0}.contact_input{width:100%}.footer{padding:1rem;padding:var(--space-sm);justify-content:space-between}.footer_right{display:none}#scrollUp,.footer_logo{font-size:2rem;font-size:var(--font-large)}#scrollUp{bottom:4rem;bottom:var(--space-xxlg)}}
/*# sourceMappingURL=main.e12fa1f1.chunk.css.map */