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}@media screen and (max-width:1000px){.App-logo{height:150px;width:150px}.App-navbar,.Navbar-bottom,.Navbar-top{width:170px}.Navbar-icons{flex-direction:column;width:170px}}@media screen and (max-width:800px){.App-logo{height:100px;width:100px}.App-navbar,.Navbar-bottom,.Navbar-icons,.Navbar-top{width:120px}}:root{--white:#f2e5fa;--black:#2e2931;--lilac:#cab4fa;--darkblue:#004787;--darkpurple:#270a78;--lightpink:#fcabed;--mediumredpurple:#cd4ed6;--body-bg-image:url(/static/media/main-base-bg.c48e9547bcd11e3469fc.png);--navbar-bg-image:url(/static/media/main-navbar.30615a196a99752cf426.png);--logo-bg-img:url(/static/media/dogLOGO.4922bc9a93b32dacb1f2.png);--polaroid-photo:var(--white);--body-bg-color:var(--lilac);--body-text-color:var(--darkpurple);--link-color:var(--darkpurple);--link-hover-color:var(--darkblue)}@font-face{font-family:MyHandwritten;font-style:normal;font-weight:400;src:url(/static/media/Linh_handwritten-Regular.f5ec48c938650bb8f82b.ttf) format("truetype")}@font-face{font-family:Lexend;font-style:normal;font-weight:400;src:url(/static/media/Lexend-VariableFont_wght.9e55555db1c5857ca787.ttf) format("truetype")}body.font-myhandwritten{font-family:MyHandwritten,monospace}body.font-lexend{font-family:Lexend,monospace}.light-mode{--body-bg-image:url(/static/media/main-base-bg.c48e9547bcd11e3469fc.png);--body-text-color:var(--darkpurple);--link-color:var(--darkblue);--link-hover-color:var(--darkpurple);--navbar-bg-image:url(/static/media/main-navbar.30615a196a99752cf426.png);--logo-bg-img:url(/static/media/dogLOGO.4922bc9a93b32dacb1f2.png);--polaroid-photo:var(--white)}.dark-mode{--body-bg-image:url(/static/media/main-base-bg-dark-mode.4827e76cff5e289f4ec3.png);--body-text-color:var(--lilac);--link-color:var(--lightpink);--link-hover-color:var(--mediumredpurple);--navbar-bg-image:url(/static/media/main-navbar-dark-mode.259d68529246d1c727fd.png);--logo-bg-img:url(/static/media/dogLOGO-darkmode.b9105c631ee3e4239784.png);--polaroid-photo:var(--lilac)}.App{align-content:stretch;align-items:stretch;background-image:url(/static/media/main-base-bg.c48e9547bcd11e3469fc.png);background-image:var(--body-bg-image);display:flex;flex-direction:row;flex-wrap:nowrap;font-family:MyHandwritten;justify-content:space-between;overflow-x:hidden;text-align:center}.App-logo{background-image:url(/static/media/dogLOGO.4922bc9a93b32dacb1f2.png);background-image:var(--logo-bg-img);background-size:100%;height:222px;margin:0 auto;pointer-events:none;width:222px}.App-navbar{background-image:url(/static/media/main-navbar.30615a196a99752cf426.png);background-image:var(--navbar-bg-image);color:#270a78;color:var(--body-text-color);height:100%;width:278px}.Navbar-content{margin:auto;padding:2px;width:222px}.Navbar-bottom,.Navbar-top{flex-direction:column;justify-content:space-between}.Navbar-bottom,.Navbar-icons,.Navbar-top{align-content:center;align-items:center;display:flex;flex-wrap:nowrap}.Navbar-icons{flex-direction:row;justify-content:space-around;margin:5px 0}.App-buttons{background-image:url(/static/media/button-bg_idle.35dbed227ca67a60331f.png);background-size:100%;font-family:MyHandwritten;height:52px;width:160px}.App-buttons,.App-link{color:#270a78;color:var(--link-color)}.App-link{margin:5px 0}.App-link:hover{color:#004787;color:var(--link-hover-color);transform:scale(1.1)}.App-ul{background-image:url(/static/media/main-base-bg.c48e9547bcd11e3469fc.png);background-image:var(--body-bg-image);background-size:contain;list-style-type:none}.App-li{margin:10px}.App-header{color:#270a78;color:var(--body-text-color);font-size:calc(10px + 2vmin);min-height:100vh;width:80vw}.App-header,.App-maincontent{align-items:center;display:flex;flex-direction:column;justify-content:center}.PolaroidPhoto-Container{align-content:space-around;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:20px;width:100%}.PolaroidPhoto-pin{position:absolute;transform:scale(.6) translateX(-60px) translateY(-60px);z-index:2}.PolaroidPhoto{background-color:#f2e5fa;background-color:var(--polaroid-photo);box-shadow:0 4px 8px #0003;display:inline-block;margin:10px;padding:15px 15px 60px;position:relative;transform:rotate(1deg);transition:transform .4s ease}.PolaroidPhoto:hover{transform:rotate(0deg) scale(1.03)}.PolaroidPhoto-img{display:block;height:200px;object-fit:cover;position:relative;width:200px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:1300px){.App{overflow-x:hidden}}@media screen and (max-width:1000px){.App-logo{height:150px;width:150px}.App-navbar{width:200px}.Navbar-bottom,.Navbar-top{width:170px}.Navbar-icons{flex-direction:column;width:170px}}@media screen and (max-width:800px){.App-logo{height:100px;width:100px}.App-navbar{overflow:hidden;width:160px}.App-ul{margin:5px 15px;width:140px}.App-li{margin:5px 25px}.Navbar-bottom,.Navbar-top{margin:15px 10px;width:130px}.Navbar-icons{width:150px}}@media screen and (max-width:600px){.App{align-content:stretch;align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;overflow-x:hidden}.App-header{width:100%}.App-navbar{overflow:hidden;width:100%}.App-buttons{height:115px;width:350px}.App-ul{margin:0;width:88%}.Navbar-content{width:500px}.Navbar-icons{display:flex;flex-direction:row;width:480px}.Navbar-bottom,.Navbar-top{width:480px}}@media screen and (max-width:440px){.App-header{width:100%}.Navbar-content{width:440px}.Navbar-bottom,.Navbar-top{width:400px}.Navbar-icons{width:410px}.App-buttons{height:98px;width:300px}}@media screen and (max-width:375px){.Navbar-bottom,.Navbar-icons,.Navbar-top{width:85vw}}.Contact-maincontent,.Homepage-maincontent,.MyCV-maincontent,.MyLinks-maincontent,.ProjectContent{display:flex;flex-direction:column;font-family:inherit}.tape{background:repeating-linear-gradient(45deg,red,blue 5px,#0000 0,#0000 10px,#101010 0,#101010 15px);height:320px;position:absolute;transform:rotate(45deg);width:80px}.About-img-container,.Aboutpage-maincontent{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;padding:5px;width:1100px}.About-text{width:522px}.About-img{width:509px}.tape-about-1{bottom:-50px;right:310px}.tape-about-2{left:1080px;top:-10px}.Commissionpage-maincontent{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:space-around;width:1100px}.Commission-text{margin:0 0 7vh}.Commission-img-container{height:500px;width:500px}.Commission-img{height:450px;margin:5px 5px 40px}.tape-commission-1{bottom:320px;right:1080px;z-index:10}.tape-commission-2{left:1390px;top:670px;z-index:10}.CV-container{align-items:flex-start;flex-direction:column;width:80%}.CV-container,.CV-header{align-content:center;display:flex;flex-wrap:nowrap;justify-content:space-around}.CV-header{align-items:center;flex-direction:row;width:100%}.CV-courses,.CV-education,.CV-interests,.CV-skills,.CV-work,.cv-e_item,.cv-e_school,.cv-w_item,.cv-w_job,.cv_Info{align-content:center;align-items:flex-start;display:flex;flex-direction:column;justify-content:space-around;width:100%}tr{display:flex;flex-direction:column}.MyLinks-container,.cv-c_container,.cv-i_container,.cv-s_tableInfo{align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:space-around}.ArtProcess-Container,.MyChars-Container{align-content:space-around;align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:20px}.ArtProcess-Container.reverse,.MyChars-Container.reverse{flex-direction:row-reverse}.ArtProcess-TxtContainer,.MyChars-TxtContainer{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:center;width:30%}.ArtProcess-img{height:350px;position:relative;width:200px}.myslideshow-container{height:450px;width:300px}.myslideshow{height:350px;object-fit:contain;width:100%}@media screen and (max-width:1800px){.tape-commission-1{bottom:140px;right:890px}.tape-commission-2{left:1200px;top:630px}.tape-about-1{bottom:-10px;right:250px}.tape-about-2{left:960px;top:10px}}@media screen and (max-width:1700px){.About-text h1,.Commission-text h1{font-size:44px}.About-text h2,.Commission-text h2{font-size:38px}.About-text p,.Commission-text p{font-size:22px}.tape-about-1{bottom:80px;right:250px}.tape-about-2{left:950px;top:-10px}.tape-commission-1{bottom:-180px;right:360px}.tape-commission-2{left:600px;top:150px}}@media screen and (max-width:1300px){.tape{height:300px;width:75px}.Aboutpage-maincontent{width:75vw}.About-text{width:30vw}.About-img-container{width:50vw}.About-text h1,.Commission-text h1{font-size:40px}.About-text h2,.Commission-text h2{font-size:36px}.About-text p,.Commission-text p{font-size:20px}.About-img{width:450px}.tape-about-1{bottom:-150px;right:95px}.tape-about-2{left:730px;top:10px}.Commission-text{width:80%}.tape-commission-1{bottom:-300px;right:280px}.tape-commission-2{left:540px;top:140px}.MyCV-maincontent{width:900px}}@media screen and (max-width:1100px){.tape-commission-1{bottom:-300px;right:200px}.tape-commission-2{left:400px;top:180px}.tape-about-1{bottom:-250px;right:100px}.tape-about-2{left:600px;top:20px}.MyCV-maincontent{width:700px}}@media screen and (max-width:1000px){.tape{height:280px;width:65px}.Aboutpage-maincontent{flex-direction:column;width:70vw}.About-text{width:80%}.About-text h1{font-size:38px}.About-text h2{font-size:30px}.About-text p{font-size:18px}.About-img{width:360px}.tape-about-1{bottom:-250px;right:150px}.tape-about-2{left:340px;top:260px}.Commission-text{width:55vw}.tape-commission-1{bottom:-300px;right:150px}.tape-commission-2{left:300px;top:170px}.MyCV-maincontent{width:600px}.MyLinks-maincontent{width:700px}.MyLinks-list{width:150px}.linkList-Btn{display:flex;flex-direction:column}}@media screen and (max-width:800px){.tape{height:250px;width:60px}.Aboutpage-maincontent{height:90vh}.tape-about-1{bottom:-210px;right:100px}.tape-about-2{left:300px;top:260px}.About-text{margin-bottom:15px}.About-text h1,.Commission-text h1{font-size:36px}.About-text h2,.Commission-text h2{font-size:30px}.About-text p,.Commission-text p{font-size:18px}.tape-commission-1{bottom:-450px;right:80px}.tape-commission-2{left:200px;top:250px}.MyCV-maincontent{width:550px}.MyLinks-maincontent h1{font-size:12vh}.MyLinks-maincontent{width:600px}}@media screen and (max-width:600px){.tape{display:none}.Aboutpage-maincontent{height:-webkit-fit-content;height:fit-content;width:600px}.MyChars-heading h1{font-size:13vh}.MyChars-heading h2{font-size:11vh}.MyChars-TxtContainer h3{font-size:7vh}.CV-header,.MyCV-maincontent{width:500px}.cv-c_container{flex-wrap:wrap;width:500px}.MyLinks-maincontent{width:500px}.MyLinks-list{padding:0}.linkList-Btn img{margin:0}}@media screen and (max-width:440px){.ArtSquared-Txt h1,.Chiligirl-Txt h1,.Homepage-maincontent h1,.MadnessInBottle-Txt h1,.MyChars-heading h1,.PublicFigurePortrait-TXT h1,.SelfPortraitPurple-Txt h1,.Spideverse-Txt h1,.StarryNight-Txt h1,.VampireCards-Txt h1{font-size:10vh}.ArtSquared-Txt h2,.Chiligirl-Txt h2,.Homepage-maincontent h2,.MadnessInBottle-Txt h2,.MyChars-heading h2,.PublicFigurePortrait-TXT h2,.SelfPortraitPurple-Txt h2,.Spideverse-Txt h2,.StarryNight-Txt h2,.VampireCards-Txt h2{font-size:8vh}.Aboutpage-maincontent .About-text{width:60%}.Aboutpage-maincontent .About-text p,.MadnessInBottle-Txt p{font-size:4vh}.ArtProcess-Container,.ArtProcess-Container.reverse,.MyChars-Container,.MyChars-Container.reverse{display:flex;flex-direction:column}.ArtProcess-TxtContainer,.MyChars-TxtContainer{width:90%}.ArtProcess-TxtContainer h3,.MyChars-TxtContainer h3{font-size:6vh}.CV-header,.MyCV-maincontent,.MyLinks-maincontent,.cv-c_container{width:400px}.MyLinks-container{display:flex;flex-direction:column}}@media screen and (max-width:375px){.ArtSquared-Txt h1,.Chiligirl-Txt h1,.Homepage-maincontent h1,.MadnessInBottle-Txt h1,.MyChars-heading h1,.PublicFigurePortrait-TXT h1,.SelfPortraitPurple-Txt h1,.Spideverse-Txt h1,.StarryNight-Txt h1,.VampireCards-Txt h1{font-size:8vh}.ArtSquared-Txt h2,.Chiligirl-Txt h2,.Homepage-maincontent h2,.MadnessInBottle-Txt h2,.MyChars-heading h2,.PublicFigurePortrait-TXT h2,.SelfPortraitPurple-Txt h2,.Spideverse-Txt h2,.StarryNight-Txt h2,.VampireCards-Txt h2{font-size:6vh}.CV-header,.MyCV-maincontent,.cv-c_container{width:340px}.CV-header{display:flex;flex-direction:column}.MyLinks-container{width:365px}}
/*# sourceMappingURL=main.e7184f3f.css.map*/