body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body,html{padding:0;margin:0}@media (min-width:700px){.container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(14,16vw);grid-gap:20px;background:#e2ce9f}img{object-fit:cover;width:100%;height:100%}.races{background-image:url(https://vignette.wikia.nocookie.net/forgottenrealms/images/2/2a/Drow_-_Dan_Scott.jpg/revision/latest?cb=20090527072808);background-size:100%}.alignment:hover,.classes:hover,.gods:hover,.magic:hover,.races:hover{-webkit-transform:scale(1.18);transform:scale(1.18);box-shadow:0 0 #696969,-1em 0 1.6em #696969}.alignment,.classes,.gods,.magic,.races{transition:all .2s ease-in-out}.bigpic{background-image:url(https://media.comicbook.com/2018/03/dnd-monsters-1093421-1280x0.jpeg);background-size:100%;grid-column-start:1;grid-column-end:3;grid-row-start:4;grid-row-end:6;text-align:center;transition:-webkit-transform .8s;transition:transform .8s;transition:transform .8s,-webkit-transform .8s}.bigpic:hover{-webkit-transform:scale(.98);transform:scale(.98);opacity:.9}.classes{background-image:url(https://www.gamersdecide.com/sites/default/files/styles/news_images/public/article2class3.jpg);background-size:100%}.gods{background-image:url(https://i1.wp.com/dmdave.com/wp-content/uploads/2019/02/dnd-god-195260480-1550176285584.jpg?resize=656%2C300&ssl=1)}.magic{background-image:url(https://i0.wp.com/nerdarchy.com/wp-content/uploads/2018/04/shadow_magic___deep_magic_school_by_fesbraa-dawsetf.jpg?fit=1036%2C770&ssl=1)}.alignment,.magic{background-size:100%}.alignment{background-image:url(https://bigmemes.funnyjunk.com/pictures/Famous+dd+chaotic+evil+quotes+i+may+be+a+bard_4ccb43_6398129.jpg)}.alignmenttext,.classestext,.godstext,.magictext,.racestext{text-align:center;font-size:2.5vw;height:75%;width:100%}.header{grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:3}.textruta1{background-image:url(https://geekandsundry.com/wp-content/uploads/2016/03/scag_header-970x544.jpg);grid-row-start:7;grid-row-end:10;transition:border-radius .3s,-webkit-transform .5s;transition:transform .5s,border-radius .3s;transition:transform .5s,border-radius .3s,-webkit-transform .5s}.textruta1,.textruta2{background-size:100%;grid-column-start:1;grid-column-end:4;padding-right:80px;padding-left:100px}.textruta2{background-image:url(https://cdnb.artstation.com/p/assets/images/images/019/116/597/large/taylor-christensen-dndparty.jpg?1562086106=);grid-row-start:11;grid-row-end:14}.textruta1:hover{-webkit-transform:scale(.98);transform:scale(.98);opacity:.9;border-radius:18px}.textruta2{transition:border-radius .3s,-webkit-transform .5s;transition:transform .5s,border-radius .3s;transition:transform .5s,border-radius .3s,-webkit-transform .5s}.textruta2:hover{-webkit-transform:scale(.98);transform:scale(.98);opacity:.9;border-radius:18px}.first-headline,.second-headline{text-align:center;margin-top:0;height:25%;width:100%}.first-text,.second-text{text-align:left;margin-top:30;font-size:2vw;height:70%;width:100%;background:#f3bc7c .8}.about{grid-column-start:1;grid-column-end:4;grid-row-start:7;grid-row-end:14;border-radius:18px;font-family:arial}.font1{font-size:5vw;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000}.font1,h1{color:#fff;font-weight:700}h1{font-size:6vw}p{font-size:2.5vw;color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;font-weight:700}.headertext{position:absolute;font-size:6vw;margin-left:10vw;color:red}.footer{grid-column-start:1;grid-column-end:4;grid-row-start:14;grid-row-end:end;background:#fff;font-family:arial}ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#293a42}li{display:block;text-align:center;font-size:2vw;padding:12px;text-decoration:none;border:solid #e2ce9f;margin:30px;transition:color .3s,border-color .3s,border-radius .3s}li,li:hover{color:#e2ce9f}li:hover{border-color:#e2ce9f;border-radius:18px}.menys{display:-webkit-flex;display:flex;text-decoration:none;list-style-type:none;-webkit-justify-content:center;justify-content:center;padding:5%;font-size:22px}}@media (max-width:700px){.container{display:grid;grid-template-columns:25% 25% 25% 25%;grid-template-rows:repeat(30,8vw);background:#e2ce9f}.header{grid-column-start:1;grid-column-end:5;grid-row-start:1;grid-row-end:4}img{object-fit:fill;width:100%;height:100%}.races{grid-column-start:1;grid-column-end:3}.classes,.races{grid-row-start:4;grid-row-end:7}.classes{grid-column-start:3;grid-column-end:5}.magic{grid-column-start:1;grid-column-end:3}.gods,.magic{grid-row-start:7;grid-row-end:10}.alignment,.gods{grid-column-start:3;grid-column-end:5}.alignment,.bigpic{grid-row-start:10;grid-row-end:13}.bigpic{grid-column-start:1;grid-column-end:3;background-size:100%;background-image:url(https://media.comicbook.com/2018/03/dnd-monsters-1093421-1280x0.jpeg)}.alignment,.bigpic,.classes,.gods,.magic,.races,.textruta1,.textruta2{margin:6px}.textruta1{background-image:url(https://geekandsundry.com/wp-content/uploads/2016/03/scag_header-970x544.jpg);grid-column-start:1;grid-column-end:5;grid-row-start:14;grid-row-end:19;background-size:100%;transition:border-radius .3s,-webkit-transform .5s;transition:transform .5s,border-radius .3s;transition:transform .5s,border-radius .3s,-webkit-transform .5s}.textruta1:hover{-webkit-transform:scale(.98);transform:scale(.98);opacity:.9;border-radius:18px}.textruta2{background-image:url(https://cdnb.artstation.com/p/assets/images/images/019/116/597/large/taylor-christensen-dndparty.jpg?1562086106=);background-size:100%;grid-column-start:1;grid-column-end:5;grid-row-start:21;grid-row-end:26;transition:border-radius .3s,-webkit-transform .5s;transition:transform .5s,border-radius .3s;transition:transform .5s,border-radius .3s,-webkit-transform .5s}.textruta2:hover{-webkit-transform:scale(.98);transform:scale(.98);opacity:.9;border-radius:18px}.footer{grid-column-start:1;grid-column-end:5;grid-row-start:28;grid-row-end:end;background:#fff;font-family:arial}ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#293a42}li{display:block;color:#fff;text-align:center;font-size:2vw;padding:12px;text-decoration:none;border:#e2ce9f;margin:10px;transition:color .7s,border-color .7s,-webkit-transform .5s;transition:transform .5s,color .7s,border-color .7s;transition:transform .5s,color .7s,border-color .7s,-webkit-transform .5s}li:hover{border-color:#e2ce9f;color:#e2ce9f;-webkit-transform:scale(1.15);transform:scale(1.15)}.menys{display:-webkit-flex;display:flex;text-decoration:none;list-style-type:none;-webkit-justify-content:center;justify-content:center;padding:5%;font-size:22px}.races{background-image:url(https://vignette.wikia.nocookie.net/forgottenrealms/images/2/2a/Drow_-_Dan_Scott.jpg/revision/latest?cb=20090527072808)}.classes,.races{background-size:100%}.classes{background-image:url(https://www.gamersdecide.com/sites/default/files/styles/news_images/public/article2class3.jpg)}.gods{background-image:url(https://i1.wp.com/dmdave.com/wp-content/uploads/2019/02/dnd-god-195260480-1550176285584.jpg?resize=656%2C300&ssl=1)}.magic{background-image:url(https://i0.wp.com/nerdarchy.com/wp-content/uploads/2018/04/shadow_magic___deep_magic_school_by_fesbraa-dawsetf.jpg?fit=1036%2C770&ssl=1)}.alignment,.magic{background-size:100%}.alignment{background-image:url(https://bigmemes.funnyjunk.com/pictures/Famous+dd+chaotic+evil+quotes+i+may+be+a+bard_4ccb43_6398129.jpg)}h1{font-size:6vw}h1,p{color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;font-weight:700}p{font-size:2.5vw}.headertext{font-size:6vw;margin-left:10vw}.first-headline,.second-headline{text-align:center;margin-top:0;height:25%;width:100%}.first-text,.second-text{display:none}.alignmenttext,.classestext,.font1,.godstext,.magictext,.racestext{text-align:center;font-size:3vw;height:75%;width:100%}.headertext{position:absolute;font-size:4vw;margin-left:7vw;color:red}.alignment:hover,.bigpic:hover,.classes:hover,.gods:hover,.magic:hover,.races:hover{-webkit-transform:scale(1.18);transform:scale(1.18);box-shadow:0 0 #696969,-1em 0 1.6em #696969}.alignment,.bigpic,.classes,.gods,.magic,.races{transition:all .2s ease-in-out}}
/*# sourceMappingURL=main.c68763b9.chunk.css.map */