[nospaces][googlefont=Montserrat+Alternates:200,400,700|Montserrat:700|Open+Sans:400]
[attr="class","rmisDirectory"]
wynter family
[attr="class","rmisInfo"]
[attr="class","rmisBio"]
[attr="class","th th-cake-5-o"]
[attr="class","th th-constellation-o"]
[attr="class","th th-earth-o"]
[attr="class","th th-heart-1-o"]
[attr="class","th th-link"]
open want ad for members of the wynter family that hail from galar. the family's got their lineage tied to many knights in the past and even in the modern age that spirit of chivilary is not dead. while they normal stay to galar the news of the war have brought them to hoenn to help rebuild and also make sure that kaz hasn't gotten himself killed and maybe keep him out of trouble. and yes. the elder kids are at least the ones to go around being vigilantes as well and the parents are at least senior rangers that really throw themselves into their work. the rest are pretty open to whatever, just know you'll always get plots/threads with me if you take any.
[attr="class","rmisRoster"]
[attr="class","rmisCredit"]
SELKIE[newclass=.rmisDirectory] --rmisAccent1:#D42434; --GROUP1NAME:#83C4A4; --GROUP2NAME:#A24C65; --GROUP3NAME:#093478; --GROUP4NAME:#E4AC14; --GROUP5NAME:#B483CD;[/newclass]
[newclass=.GROUP1NAME h2, .GROUP1NAME i, .GROUP1NAME b] border-color:var(--GROUP1NAME)!important; color:var(--GROUP1NAME)!important;[/newclass]
[newclass=.GROUP2NAME h2, .GROUP2NAME i, .GROUP2NAME b] border-color:var(--GROUP2NAME)!important; color:var(--GROUP2NAME)!important;[/newclass]
[newclass=.GROUP3NAME h2, .GROUP3NAME i, .GROUP3NAME b] border-color:var(--GROUP3NAME)!important; color:var(--GROUP3NAME)!important;[/newclass]
[newclass=.GROUP4NAME h2, .GROUP4NAME i, .GROUP4NAME b] border-color:var(--GROUP4NAME)!important; color:var(--GROUP4NAME)!important;[/newclass]
[newclass=.GROUP5NAME h2, .GROUP5NAME i, .GROUP5NAME b] border-color:var(--GROUP5NAME)!important; color:var(--GROUP5NAME)!important;[/newclass]
[newclass=.rmisDirectory] width:500px; height:400px; background-color:#eaeaea; overflow:hidden; [/newclass]
[newclass=.rmisDirectory h1] margin:0px; height:50px; display:flex; align-items:center; justify-content:space-between; background-color:#3a3a3a; font:200 32px Montserrat Alternates; padding:25px 50px; color:#fafafa; [/newclass]
[newclass=.rmisDirectory h1 div] width:100px; height:100px; display:flex; align-items:center; justify-content:center; background-color:var(--rmisAccent1); margin-right:-50px; [/newclass]
[newclass=.rmisDirectory h1 div img] width:50px; height:50px; border-radius:100%; border:5px solid #eaeaea; [/newclass]
[newclass=.rmisInfo] width:100%; height:300px; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.rmisBio] width:50%; height:100%; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; [/newclass]
[newclass=.rmisBio span] display:block; width:92%; height:38px; padding:10px; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.rmisBio span a] width:38px; height:38px; display:flex; align-items:center; justify-content:center; font-size:18px; background-color:#f4f4f4; border-radius:5px; color:var(--rmisAccent1); [/newclass]
[newclass=.rmisBio div] width:190px; height:200px; padding-right:10px; align-self:flex-end; background-color:#f4f4f4; border:25px solid #f4f4f4; text-align:justify; font:400 12px/18px open sans; color:#7a7a7a; overflow:auto; [/newclass]
[newclass=.rmisRoster] width:50%; height:100%; background-color:#efefef; display:flex; flex-flow:column wrap; overflow:auto; [/newclass]
[newclass=.rmisRoster div] width:230px; padding:7px 7px 0px 0px; display:flex; align-items:center; text-align:left; justify-content:space-between; [/newclass]
[newclass=.rmisRoster div img] width:50px!important; height:50px!important; border-radius:5px; [/newclass]
[newclass=.rmisRoster h2, .rmisRoster h3] width:150px; margin:0px; [/newclass]
[newclass=.rmisRoster h2] font:400 12px/6px Montserrat Alternates; padding-left:5px; padding-bottom:7px; color:#3A3A3A; text-transform:lowercase; letter-spacing:0px; border-bottom:1px solid #ccc; [/newclass]
[newclass=.rmisRoster h2 a, .rmisRoster h2 span] font:700 12px/6px Montserrat Alternates!important;border:0px; [/newclass]
[newclass=.rmisRoster h3] padding:2px; font:700 7px montserrat; letter-spacing:.5px; color:#6a6a6a; text-transform:uppercase; [/newclass]
[newclass=.rmisRoster i] height:25px; width:25px; border:1px solid #ccc; border-radius:5px; font-size:12px; text-decoration:none; color:#aaa; display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.rmisDirectory b] color:var(--rmisAccent1); [/newclass]
[newclass=.rmisCredit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.rmisCredit a] font:bold 7px roboto!important; [/newclass]
[newclass=.rmisRoster::-webkit-scrollbar, .rmisBio div::-webkit-scrollbar] height:8px; width:8px; [/newclass]
[newclass=.rmisRoster::-webkit-scrollbar-thumb, .rmisBio div::-webkit-scrollbar-thumb] background-color:#ddd; border:0px; [/newclass]
[newclass=.rmisRoster::-webkit-scrollbar-track, .rmisBio div::-webkit-scrollbar-track] border:1px solid #ddd; background-color:#fafafa; [/newclass]
[newclass=.rmisRoster .th]speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot");src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/504hc3yd80hv4ux/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/2f5jbp3v8tjk5hf/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/nyfekn9fqo1wid2/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-cake-5-o:before]content:"\e97c";font-family: "honeybee";font-style:normal;[/newclass]
[newclass=.th-constellation-o:before]content:"\ebd5";font-family: "honeybee";font-style:normal;[/newclass]
[newclass=.th-earth-o:before]content:"\eb1d";font-family: "honeybee";font-style:normal;[/newclass]
[newclass=.th-heart-1-o:before]content:"\ea55";font-family: "honeybee";font-style:normal;[/newclass]
[newclass=.th-link:before]content:"\ea96";font-family: "honeybee";font-style:normal;[/newclass]