and you thought he couldn't do it

[Yunn]

.coth {width:100%;height:450px;overflow:hidden;margin:auto;position:relative;left:-22.5%;
-WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT;
O-TRNASITION: 0.8S ALL EASE-IN-OUT;
transition-duration: 2s;}

.coth:hover {position:relative;left:0%;}

.coth:hover .coth1 {transform:translateX(0%); -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT;width:100%;
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT;
O-TRNASITION: 0.8S ALL EASE-IN-OUT;
transition-duration: 1.2s; }


.coth1 {padding:10px;transform:translateX(50%);position:relative;
-WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT;
O-TRNASITION: 0.8S ALL EASE-IN-OUT;
transition-duration: 1s;
}

.cothh {font-family:Lobster;font-size:56px;
background: -webkit-linear-gradient(#11B2E6, #109ADB);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.cothc {height:425px; overflow:auto;}

.cothc::-webkit-scrollbar {width:0px;}

.cothd1 {height:450px;float:left;width:50%;background-color:#11B2E6;}

.cothd2 {height:450px;background-color:black;color:white;}
@media screen and (max-width: 500px) {
/* applies only if the screen is narrower than 500px */
.coth {
width:100%;overflow:auto;
}

.cothd1 {
width:100%;overflow:auto;
}

.cothd2 {
width:100%;overflow:auto;
}
}

wip; hover + scroll v






SETH KING

over the castle on the hill


one on the edge of a lonely road




Basics


name; seth king ☀ age; 23 ☀ gender;male
birthday; aug 02 ☀ birthplace; portland, oregon ☀ zodiac; leo
sexuality; masculine ☀ romantic orientation; demi ☀ sexual orientation; pan
college; n/a ☀ occupation; entrepreneur/programmer ☀ password; castle

Appearance


hair; dark brown ☀ eyes; hazel/blue ☀ height; 180 cm ☀ weight; 65kg
build; slim ☀ complexion; pale ☀ distinguishing features; wip
clothing style ☀
face claim; luke warroll ☀ voice claim; ???

 
 

Vices


WIP


Virtues


WIP

 
 

Likes


WIP


Dislikes


WIP

Quirks


WIP

Fears


WIP

Skills


WIP

Weaknesses


WIP

Biography


WIP

 

[Yunn]

.coth {width:92%;height:450px;overflow:hidden;margin:auto;position:relative;left:-22.5%;
-WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT;
O-TRNASITION: 0.8S ALL EASE-IN-OUT;
transition-duration: 2s;}

.coth:hover {position:relative;left:0%;}

.coth:hover .coth1 {transform:translateX(0%); -WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT;width:100%;
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT;
O-TRNASITION: 0.8S ALL EASE-IN-OUT;
transition-duration: 1.2s; }


.coth1 {padding:10px;transform:translateX(50%);position:relative;
-WEBKIT-TRANSITION: 2S ALL EASE-IN-OUT;
-MOZ-TRANSITION: 0.8S ALL EASE-IN-OUT;
O-TRNASITION: 0.8S ALL EASE-IN-OUT;
transition-duration: 1s;
}

.cothh {font-family:Lobster;font-size:56px;
background: -webkit-linear-gradient(#11B2E6, #109ADB);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;}

.cothc {height:425px; overflow:auto;}

.cothc::-webkit-scrollbar {width:0px;}
@media screen and (max-width: 500px) {
.coth {
width:100%;
}




RELATIONS

over the castle on the hill


twelve friends...




Name here


relationship here

Name here


relationship here